@import url(//at.alicdn.com/t/a/font_115436_hzcwaxlqev.css);
	.btn,.form .btn-change,.g-tips .cover-btn-tips,.mod-batch-bar .select-all-checkbox label,.mod-preview-font {
	white-space:nowrap
}
::-webkit-input-placeholder {
	text-overflow:ellipsis
}
::-webkit-scrollbar {
	width:6px;
	height:6px;
	overflow:auto
}
::-webkit-scrollbar-thumb {
	background-color:#e6e6e6;
	min-height:25px;
	min-width:25px;
	border:1px solid #e0e0e0;
	border-radius:99px
}
::-webkit-scrollbar-track {
	background-color:#f7f7f7;
	border:1px solid #efefef
}
.iconfont {
	font-family:iconfont;
	font-size:16px;
	font-style:normal;
	font-weight:400;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	vertical-align:-1px;
	-webkit-text-stroke-width:0!important;
	user-select:none
}
.block-radius-btn-group .radius-btn .drop-wrap .drop-item,.page-upload-container .careful-info .big-svg text,.page-upload-container .careful-info .big-svg tspan,body,button,input,select,textarea {
	font-family:tahoma,"microsoft yahei","\5FAE\8F6F\96C5\9ED1"!important
}
.icon {
	font-size:36px
}
@keyframes highlight {
	0%,100% {
	background-color:transparent
}
20%,80% {
	background-color:#D4D9FF
}
}.light {
	animation:highlight 2.5s .2s ease-in-out both
}
.dib {
	*display:inline;
	*zoom:1
}
.dib-box {
	font-size:0;
	*word-spacing:-1px
}
@media (-webkit-min-device-pixel-ratio:0) {
	.dib-box {
	letter-spacing:-5px
}
}.dib-box .dib {
	vertical-align:top;
	font-size:12px;
	letter-spacing:normal;
	word-spacing:normal;
	line-height:inherit
}
body,button,input,select,textarea {
	font-size:12px;
	color:#333;
	line-height:1.42857143
}
a {
	color:#666;
	outline:0;
	text-decoration:none;
	text-underline-position:under
}
.link-text {
	color:#4A54FF
}
select {
	display:none
}
:focus:not(:focus-visible) {
	outline:0
}
input:focus,textarea:focus {
	outline:0
}
.input,.textarea {
	color:#333;
	font-size:12px;
	height:32px;
	line-height:32px!important;
	padding:6px 9px;
	border-width:1px;
	border-style:solid;
	border-color:#e6e6e6;
	background-color:#fff;
	vertical-align:middle;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
.input:hover,.textarea:hover {
	border-color:#ccc
}
.input:focus,.textarea:focus {
	border-color:#4A54FF;
	outline:0
}
input::-ms-clear {
	display:none
}
.input::-moz-placeholder,.textarea::-moz-placeholder {
	color:#999
}
.input::-webkit-input-placeholder,.textarea::-webkit-input-placeholder {
	color:#999
}
.checkbox[disabled],.input[disabled],.input[readonly],.radio[disabled],.textarea[disabled] {
	border-color:#e6e6e6;
	cursor:not-allowed;
	background-color:#fafafa;
	color:#ccc
}
.input.field-error,.textarea.field-error {
	border-color:red
}
.input_enter_placeholder {
	color:#999
}
.form_search {
	position:relative;
	color:#999
}
.form_search .s_input {
	width:160px;
	height:30px;
	line-height:30px!important;
	font-size:12px;
	border-radius:15px;
	padding:0 35px 0 17px;
	border:1px solid rgba(255,255,255,.5);
	background:0 0;
	box-sizing:border-box;
	-moz-transition:all .2s ease-in-out;
	-webkit-transition:all .2s ease-in-out;
	-ms-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out
}
.form_search .s_input:focus {
	border:1px solid #fff;
	color:#fff
}
.form_search .s_input:hover {
	border:1px solid #fff
}
.avatar-min,.avatar-min img,.login {
	border-radius:12px
}
.form_search .input_enter_icon {
	position:absolute;
	right:11px;
	top:16px;
	line-height:25px;
	font-size:18px;
	cursor:pointer;
	color:rgba(255,255,255,.5)
}
.avatar {
	display:inline-block;
	vertical-align:middle
}
.avatar img {
	width:100%;
	height:100%;
	object-fit:cover
}
.avatar-min {
	width:24px;
	height:24px
}
.avatar-middle,.avatar-middle img {
	border-radius:20px
}
.avatar-middle {
	width:40px;
	height:40px
}
.avatar-large,.avatar-large img {
	border-radius:55px
}
.avatar-large {
	width:110px;
	height:110px
}
.avatar-special {
	width:130px;
	height:130px;
	text-align:center;
	position:relative;
	display:block
}
.avatar-special .avatar-special-inner {
	vertical-align:middle;
	width:80px;
	height:80px;
	border-radius:50%;
	margin-top:15px
}
.avatar-special .avatar-special-cover {
	position:absolute;
	left:0;
	top:0;
	height:130px
}
.uploader-icon {
	height:84px;
	width:84px;
	border-radius:42px;
	background-color:#787878;
	line-height:84px;
	text-align:center
}
.uploader-icon i {
	font-size:45px;
	color:#ef3000
}
.btn,.btn.btn-default {
	font-size:12px
}
.btn {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:0 20px;
	height:32px;
	border:1px solid transparent;
	border-radius:4px;
	color:#999;
	font-weight:400;
	text-align:center;
	vertical-align:middle;
	-ms-touch-action:manipulation;
	touch-action:manipulation;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	background-image:none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.btn.focus,.btn:focus,.btn:hover {
	color:#333;
	text-decoration:none
}
.btn.active,.btn:active {
	background-image:none;
	outline:0;
	-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);
	box-shadow:inset 0 3px 5px rgba(0,0,0,.125)
}
.btn.active .btn:active:focus,.btn.focus,.btn:active,.btn:focus {
	outline:0;
	box-shadow:none
}
.btn-common {
	border:1px solid #E6E6E6;
	color:#333;
	background-color:transparent
}
.btn-gray,.btn-red {
	border-radius:40px
}
.btn-common:hover {
	color:#000;
	background-color:#FAFAFA;
	border-color:rgba(0,0,0,.1)
}
.btn-red {
	color:#fff;
	background:center center #4A54FF;
	background-image:linear-gradient(315deg,#6772FF 0,#00F9E5 100%);
	background-size:104% 104%
}
.btn-red.active,.btn-red.focus,.btn-red.hover,.btn-red:active,.btn-red:focus,.btn-red:hover {
	color:#fff;
	background:center center #4A54FF;
	background-image:linear-gradient(315deg,#6772FF 0,#00F9E5 100%);
	background-size:104% 104%
}
.btn-gray {
	color:#333;
	background:rgba(32,32,64,.04);
	background-color:#EDEDF0\9
}
.btn-gray.active,.btn-gray.focus,.btn-gray.hover,.btn-gray:active,.btn-gray:focus,.btn-gray:hover {
	color:#F50
}
.btn-grayc,.btn-normal,.btn-white {
	color:#333;
	border-radius:40px
}
.btn-grayc {
	background-color:#ddd
}
.btn-grayc.active,.btn-grayc.focus,.btn-grayc.hover,.btn-grayc:active,.btn-grayc:focus,.btn-grayc:hover {
	background-color:#bbb
}
.btn-white {
	background-color:#fff
}
.btn-white.active,.btn-white.focus,.btn-white.hover,.btn-white:active,.btn-white:focus,.btn-white:hover {
	background-color:#fff;
	color:#333
}
.btn-normal {
	background-color:#ddd
}
.btn-normal.active,.btn-normal.focus,.btn-normal.hover,.btn-normal:active,.btn-normal:focus,.btn-normal:hover {
	background:center center #4A54FF;
	background-image:linear-gradient(315deg,#6772FF 0,#00F9E5 100%);
	background-size:104% 104%;
	color:#fff
}
.btn-new {
	color:#fff;
	background:center center #4A54FF;
	background-image:linear-gradient(315deg,#6772FF 0,#00F9E5 100%);
	background-size:104% 104%;
	border-radius:40px
}
.btn-new.active,.btn-new.focus,.btn-new.hover,.btn-new:active,.btn-new:focus,.btn-new:hover {
	color:#fff;
	-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);
	box-shadow:inset 0 3px 5px rgba(0,0,0,.125)
}
.btn-disabled {
	color:#EDEDF0;
	cursor:not-allowed;
	background-color:#fcfcfc
}
.btn-disabled.active,.btn-disabled.focus,.btn-disabled.hover,.btn-disabled:active,.btn-disabled:focus,.btn-disabled:hover {
	background-color:#fcfcfc;
	color:#EDEDF0;
	background-image:none
}
.btn-disabled.btn-brand {
	background-color:#FFD4BE;
	color:#fff
}
.btn-disabled.btn-white {
	background-color:#fff;
	color:#EDEDF0
}
.btn-disabled.btn-normal {
	background-color:#ddd;
	color:#999;
	cursor:not-allowed;
	background-image:none
}
.btn-no-radius {
	-moz-border-radius:0;
	-webkit-border-radius:0;
	-ms-border-radius:0;
	-o-border-radius:0;
	border-radius:0
}
.btn-xlarge {
	height:40px;
	line-height:38px;
	font-size:14px
}
.btn-large {
	height:36px;
	line-height:34px;
	font-size:14px
}
.btn-small {
	height:24px;
	line-height:22px;
	font-size:12px;
	padding:0 12px
}
.btn-xsmall {
	height:20px;
	line-height:18px;
	font-size:12px;
	padding:0 14px
}
.btn-load-next {
	width:20%;
	margin-left:auto;
	margin-right:auto;
	margin-top:12px;
	padding:10px 0;
	text-align:center;
	cursor:pointer;
	border-radius:999px;
	transition:background-color .2s
}
.btn-load-next:hover {
	background-color:#ddd
}
.btn-load-next.end {
	background:0 0;
	cursor:default
}
.form-container .form {
	padding:20px 0 0 20px
}
.form-container .form-notice {
	border:1px solid #EAEAEA;
	background:#fff;
	padding:0;
	width:100%
}
.form-container .info {
	text-align:center;
	font-size:14px;
	color:#666;
	margin-top:30px
}
.form-container .info p {
	margin-top:16px;
	margin-bottom:16px
}
.form-container .main-tips {
	font-size:12px;
	margin-left:9.5em;
	margin-top:-12px;
	margin-bottom:12px;
	color:red
}
.form select {
	display:block
}
.form .form-title {
	display:block;
	font-size:12px;
	color:#999;
	cursor:pointer;
	text-align:right
}
.form label.error {
	color:#f40;
	margin-left:6px;
	position:absolute;
	top:0;
	left:100%;
	min-width:16em;
	max-width:20em;
	display:inline-flex!important;
	align-items:center;
	height:100%
}
.form label[for=job-input].error {
	max-height:36px;
	left:100%;
	top:auto;
	bottom:0
}
.form .form-element {
	margin-bottom:30px;
	position:relative;
	display:grid;
	grid-template-columns:8em max-content;
	column-gap:20px;
	grid-column:span 2;
	align-items:first baseline
}
.form .form-select-element {
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:16px 20px;
	margin:0;
	border-bottom:1px solid #EAEAEA
}
.form .form-row li,.mod-batch-bar .top-text {
	margin-right:10px;
	cursor:pointer
}
.form .form-select-element select {
	align-self:center;
	height:32px;
	line-height:32px;
	padding:0 10px;
	background:#FFF;
	border:1px solid #EAEAEA;
	border-radius:4px
}
.form .form-sub-title {
	font-size:14px
}
.form .form-cell {
	display:flex;
	flex-direction:column
}
.form .edit-item,.form .form-footer,.form .form-row .list {
	align-items:center;
	display:flex
}
.form .form-row {
	border:1px solid #DFDFDF;
	border-radius:4px;
	background-color:#FFF;
	padding:10px 20px;
	max-width:400px
}
.form .form-row .title {
	margin-bottom:5px;
	font-size:14px;
	font-weight:400
}
.form .form-row .tip {
	margin-top:8px;
	margin-bottom:20px;
	font-size:12px;
	color:#999
}
.form .form-row .iconfont {
	margin-right:.25em
}
.form .form-row .github {
	color:rgba(161,216,133,.6)
}
.form .form-row .github:hover {
	color:#63be34
}
.form .form-row .weibo {
	color:rgba(239,133,117,.6)
}
.form .form-row .weibo:hover {
	color:#e44419
}
.form .form-row .icon-wechat {
	color:rgba(40,196,69,.6)
}
.form .form-row .icon-wechat:hover {
	color:#28c445
}
.form .delete-account ul {
	list-style:disc;
	margin-bottom:20px;
	margin-left:2em;
	margin-top:12px
}
.form .delete-account p,.mod-tips-new p {
	margin-bottom:10px
}
.form .delete-account ul>li {
	margin-top:5px
}
.form .delete-account a {
	margin-left:.25em;
	margin-right:.25em;
	color:#333;
	font-weight:700
}
.form .delete-account .mx-form-input {
	width:100%;
	height:32px;
	font-size:12px;
	margin-bottom:20px;
	box-sizing:border-box
}
.form #job-input {
	max-width:318px
}
.form .form-message {
	font-size:12px;
	color:#999;
	margin-top:6px;
	line-height:1.5
}
.form .form-message-warning {
	color:#ed8019
}
.form .form-label {
	cursor:pointer;
	margin-left:.5em;
	user-select:none
}
.form .form-footer {
	margin-top:20px;
	padding-left:102px
}
.form .edit-item {
	margin-left:10px
}
.form .btn-change {
	grid-column-start:2;
	grid-column-end:3;
	position:absolute;
	top:0;
	right:0;
	height:100%;
	padding:0 1.5em;
	display:flex;
	align-items:center;
	color:#666;
	cursor:pointer;
	font-weight:700
}
#J_user_form .form-title {
	position:static;
	line-height:36px
}
#J_user_form .form-element-footer-inner {
	grid-column-start:2
}
.mp-e2e-mask {
	z-index:12345;
	background:#0d0a31!important;
	opacity:.85!important
}
.mp-e2e-dialog {
	border-radius:5px
}
.mp-e2e-dialog .mp-e2e-dialog-close {
	line-height:17px
}
.spinner {
	position:relative;
	width:60px;
	height:60px;
	left:50%;
	margin-left:-30px;
	top:80px
}
.spinner .three-bounce {
	position:relative;
	text-align:center;
	top:50%;
	bottom:50%;
	margin-top:-9px
}
.spinner .three-bounce>div {
	display:inline-block;
	width:18px;
	height:18px;
	border-radius:100%;
	top:50%;
	margin-top:-9px;
	background:#aeadba;
	-webkit-animation:bouncedelay 1.4s infinite ease-in-out;
	animation:bouncedelay 1.4s infinite ease-in-out;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
.spinner .three-bounce .one {
	-webkit-animation-delay:-.32s;
	animation-delay:-.32s
}
.spinner .three-bounce .two {
	-webkit-animation-delay:-.16s;
	animation-delay:-.16s
}
.spinner-auto {
	width:100%;
	left:0;
	margin-left:0;
	top:0;
	height:40px
}
.spinner-auto .three-bounce {
	top:0;
	bottom:auto;
	margin-top:0
}
@keyframes bouncedelay {
	0%,100%,80% {
	transform:scale(0);
	-webkit-transform:scale(0)
}
40% {
	transform:scale(1);
	-webkit-transform:scale(1)
}
}.arrow {
	font-size:0;
	width:0;
	height:0;
	line-height:0;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:-2px;
	border:0 dashed transparent;
	border-width:6px
}
.arrow-top {
	border-bottom-style:solid;
	border-bottom-color:#e8e8e8;
	position:relative
}
.arrow-bottom {
	border-top-style:solid;
	border-top-color:#e8e8e8;
	position:relative
}
.container-reload,.popover {
	position:absolute;
	display:none
}
.container-reload {
	top:0;
	left:0;
	background:rgba(255,255,255,.9);
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	color:#333;
	font-size:20px;
	cursor:pointer
}
.popover {
	border-radius:4px;
	padding:0;
	box-shadow:0 6px 8px rgba(51,51,51,.08);
	border:1px solid rgba(0,0,0,.1);
	max-width:276px;
	background-color:#fff;
	z-index:1000
}
.popover-content {
	line-height:22px;
	padding:9px 14px
}
.icon-jieshi {
	color:#ccc
}
.g-tips {
	margin-left:5px;
	color:#999!important;
	font-size:14px;
	position:relative
}
.g-tips .cover-btn-tips {
	display:none;
	position:absolute;
	z-index:9;
	left:-14px;
	top:-30px;
	border:1px solid #ccc;
	border-radius:99px;
	padding:0 10px;
	background:#fff;
	cursor:pointer;
	color:#333;
	line-height:24px;
	font-size:12px
}
.g-tips .cover-btn-tips:before {
	content:'';
	position:absolute;
	bottom:-4px;
	left:16px;
	width:6px;
	height:6px;
	transform:rotate(45deg);
	border:1px solid #ccc;
	border-left:none;
	border-top:none;
	background:#fff;
	background:inherit
}
.g-tips:hover .cover-btn-tips {
	display:block
}
.mod-batch-bar,.mod-no-results {
	display:flex;
	align-items:center
}
.mod-no-results {
	min-height:400px
}
.mod-tips-new {
	display:none;
	text-align:center;
	position:absolute;
	left:-340px;
	top:-20px;
	z-index:800;
	background:#FF6D8A;
	width:310px;
	box-sizing:border-box;
	line-height:1.5;
	padding:15px 25px;
	color:#fff;
	border-radius:4px
}
.mod-tips-new.tips-online-demo {
	top:45px;
	left:-261px
}
.mod-tips-new.tips-online-demo:after {
	right:21px;
	top:-5px
}
.mod-tips-new.tips-online-demo .dot {
	right:20px;
	top:-28px
}
.mod-tips-new:after {
	content:'';
	width:12px;
	height:12px;
	background-color:#FF6D8A;
	transform:rotate(45deg);
	position:absolute;
	right:-5px;
	top:30px
}
.mod-tips-new .dot {
	width:5px;
	height:5px;
	background-color:rgba(238,94,123,.6);
	border:5px solid rgba(238,94,123,.1);
	background-clip:content-box;
	border-radius:99px;
	position:absolute;
	right:-28px;
	top:30px
}
.mod-tips-new .bg {
	overflow:hidden;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0
}
.mod-tips-new .bg:after,.mod-tips-new .bg:before {
	content:'';
	position:absolute;
	width:122px;
	height:122px;
	z-index:-1;
	opacity:.7;
	background-image:linear-gradient(-83deg,#FAC4CF 2%,#FAC3CE 6%,#FF6D8A 92%);
	box-shadow:0 0 20px 20px #FF6382;
	border-radius:50%
}
.mod-tips-new .bg:before {
	top:62px;
	right:-70px
}
.mod-tips-new .bg:after {
	bottom:-40px;
	left:-60px;
	opacity:.2
}
.mod-tips-new p {
	text-align:left
}
.mod-tips-new img {
	width:252px;
	margin-bottom:15px
}
.mod-tips-new .btn-iknow {
	display:inline-block;
	min-width:96px;
	height:24px;
	line-height:24px;
	color:#EE5E7B;
	background-color:#fff;
	text-align:center;
	border-radius:999px;
	cursor:pointer;
	user-select:none
}
.iconfont-feedback-btn {
	right:auto;
	bottom:auto!important;
	left:50%;
	top:260px;
	width:60px!important;
	height:auto!important;
	margin-left:600px;
	z-index:99
}
.mx-upload-btn {
	display:none
}
.mx-upload-info {
	margin-left:20px
}
.mx-upload-info>span {
	margin-left:.25em
}
.mod-batch-bar .btn-group,.mod-batch-bar .top-text {
	align-items:center;
	display:flex
}
.mod-batch-bar .top-text {
	user-select:none;
	min-height:32px
}
.mod-batch-bar .top-text .iconfont {
	margin-right:.25em
}
.mod-batch-bar .btn-item {
	margin-right:10px
}
.mod-batch-bar .select-all-checkbox {
	min-height:32px;
	display:flex;
	align-items:center;
	user-select:none
}
.mod-preview-font {
	width:100%;
	padding:1em;
	box-sizing:border-box;
	max-height:180px;
	writing-mode:vertical-rl;
	font-size:32px;
	background:linear-gradient(to left,#3a3a3a,#2d2d2d);
	color:#fff;
	line-height:1.4;
	display:flex;
	justify-content:center;
	align-items:center
}
.mod-preview-font.preview-font-2 {
	color:#eadab6;
	background:#1a1a1a;
	padding-top:1.5em;
	line-height:1.5
}
.mod-preview-font .info .title {
	font-size:120px;
	line-height:1.1
}
.head-dropdown,.head-dropdown-tips,.library-dropdown {
	position:absolute;
	font-size:12px
}
@font-face {
	font-family:"Alimama Shuzhiti Regular";
	src:url(//at.alicdn.com/wf/webfont/P1EXxgPTCEW1/0uqa8DQ6SCxm.woff2) format("woff2"),url(//at.alicdn.com/wf/webfont/P1EXxgPTCEW1/oXDCbYGnL56i.woff) format("woff");
	font-display:swap
}
.wrap {
	max-width:1160px;
	margin:0 auto
}
.homewrap {
	width:1050px;
	max-width:1050px
}
@media screen and (max-width:1023px) {
	.homewrap,.wrap {
	max-width:100%
}
}.block-sub-banner-container {
	width:100%;
	margin:0 auto
}
body>a {
	display:none
}
.main {
	min-height:700px;
	background:#fafafb
}
#magix_vf_header {
	min-height:55px
}
#feedAv {
	transform:scale(0);
	position:absolute
}
.library-dropdown {
	padding:0;
	background-color:#1E1E1E;
	box-shadow:0 0 3px 0 #4A54FF;
	border-radius:6px 6px 4px 4px;
	z-index:999;
	display:none;
	left:-163px;
	width:906px;
	height:398px
}
.library-dropdown .lib-sub {
	max-width:180px
}
.library-dropdown .lib-sub a {
	display:block;
	color:#fff;
	font-size:14px;
	height:38px;
	line-height:38px;
	padding:0 20px
}
.library-dropdown .lib-sub a:hover {
	background-color:#0e0e0e
}
.library-dropdown .lib-sub .lib-sub-title {
	height:auto;
	font-size:16px;
	margin-top:20px;
	margin-bottom:11px
}
.library-dropdown .lib-sub .lib-sub-title div {
	margin-bottom:5px
}
.library-dropdown .lib-sub .lib-sub-title img {
	max-width:140px;
	aspect-ratio:1;
	border-radius:8px;
	display:block
}
.head-dropdown-tips {
	width:230px;
	display:flex;
	flex-direction:column;
	top:40px;
	right:0;
	z-index:800;
	padding:0;
	border-radius:6px;
	color:#D1D1D1;
	background-color:#232323;
	border:1px solid #22266C;
	box-shadow:0 2px 8px 0 #202568
}
.head-dropdown-tips:hover+.head-dropdown {
	display:none
}
.head-dropdown-tips a {
	color:#D1D1D1
}
.head-dropdown-tips li {
	justify-content:flex-start!important
}
.head-dropdown-tips li+li {
	border-top:1px solid rgba(151,151,151,.2)
}
.head-dropdown-tips .item {
	padding:12px 0;
	display:flex;
	width:100%;
	flex-direction:column
}
.head-dropdown-tips .item .bd {
	flex:1
}
.head-dropdown-tips .item .ft {
	display:flex;
	align-items:center;
	margin-top:6px
}
.head-dropdown-tips .item .ft .link {
	flex:1
}
.head-dropdown {
	padding:0;
	background-color:#1E1E1E;
	box-shadow:0 0 3px 0 #4a54ff;
	border-radius:6px 6px 4px 4px;
	z-index:999;
	display:none;
	width:120px;
	left:-27px
}
.head-dropdown li {
	float:none!important;
	margin:0!important;
	height:38px;
	cursor:pointer
}
.head-dropdown li.gap {
	border-bottom:1px solid #393f66
}
.head-dropdown li.gap .item {
	word-break:break-all;
	overflow:hidden;
	white-space:normal
}
.head-dropdown li .item,.head-dropdown li a {
	display:flex;
	height:38px;
	align-items:center;
	padding-left:20px;
	padding-right:12px;
	box-sizing:border-box;
	color:rgba(255,255,255,.8);
	white-space:nowrap;
	text-align:center;
	width:100%
}
.head-dropdown li .ft {
	border-top:1px solid #22244a;
	padding:4px 0
}
.head-dropdown li i {
	margin-right:10px
}
.head-dropdown li:hover {
	background:center center #4A54FF;
	background-image:linear-gradient(315deg,#6772FF 0,#00F9E5 100%);
	background-size:104% 104%
}
.head-dropdown li:hover a {
	color:#fff
}
.head-dropdown li:last-child:hover {
	border-radius:0 0 7px 7px
}
.head-dropdown li:first-child:hover {
	border-radius:7px 7px 0 0
}
.head-dropdown li .icon-car-count {
	background:#6272d6;
	position:static;
	margin-left:auto
}
.head-dropdown li:last-child:hover {
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px
}
header li:hover .head-dropdown {
	display:block
}
header li:hover .library-dropdown {
	display:flex
}
header li.nav-item .head-dropdown {
	width:130px;
	left:-13px
}
header li.nav-item-new .nav-item-link:after {
	content:"";
	background:url(https://img.alicdn.com/imgextra/i4/O1CN01guFAmE1m5cgRF4jSN_!!6000000004903-2-tps-52-24.png) no-repeat;
	width:30px;
	height:16px;
	background-size:contain;
	display:inline-block;
	vertical-align:middle;
	margin-left:5px
}
header li.nav-item-ai .nav-item-link:after {
	content:"";
	background:url(https://img.alicdn.com/imgextra/i3/O1CN01m3Dqf91TManA8Wclh_!!6000000002368-2-tps-38-28.png) no-repeat;
	width:19px;
	height:16px;
	background-size:contain;
	display:inline-block;
	vertical-align:middle;
	margin-left:2px
}
header li.nav-item-more {
	cursor:pointer
}
header li.nav-item-more .nav-item-link {
	left:7px;
	position:relative
}
header li.nav-item-more .nav-item-link em {
	display:inline-block;
	width:5px;
	height:5px;
	border-radius:50%;
	background:rgba(255,255,255,.5);
	margin:0 5px 0 0
}
header li.nav-item-more .nav-item-link:hover em {
	background:#fff
}
header {
	background-color:#1E1E1E;
	position:relative;
	z-index:1025
}
header .bind-tips {
	background-color:#fff9e3;
	height:60px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:16px;
	color:#333
}
header .bind-tips .iconfont {
	margin-right:.5em;
	color:#f4b754;
	font-size:18px
}
.page-upload,header .site-nav {
	margin-right:auto;
	margin-left:auto
}
header .btn-go-bind {
	height:30px;
	width:76px;
	background:red;
	border-radius:100px;
	color:#fff;
	text-align:center;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-left:20px;
	font-size:12px
}
header .site-nav {
	display:flex;
	align-items:center;
	height:55px
}
header .site-nav .btn-site-menu,header .site-nav .btn-site-menu-close {
	display:none
}
header .site-nav .logo {
	width:125px;
	height:55px;
	text-align:center;
	font-size:24px;
	margin-right:40px
}
header .site-nav .logo a {
	color:#868598;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center
}
header .site-nav nav {
	transition:transform .3s ease
}
header .site-nav nav>ul {
	display:flex
}
header .site-nav nav li.nav-item {
	white-space:nowrap;
	padding:0 8px;
	font-size:14px;
	position:relative
}
header .site-nav nav li.nav-item .nav-item-link {
	height:50px;
	display:flex;
	align-items:center;
	padding:0 8px;
	color:rgba(255,255,255,.5)
}
header .site-nav nav li.nav-item>:not(a) {
	cursor:default
}
header .site-nav nav li.nav-item.current .nav-item-link,header .site-nav nav li.nav-item:hover,header .site-nav nav li.nav-item:hover .nav-item-link {
	color:#fff
}
header .site-nav .search-box {
	display:flex;
	position:relative
}
header .site-nav .search-box .input_enter_icon {
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	margin:auto;
	width:36px;
	display:flex;
	align-items:center;
	justify-content:center
}
header .site-nav .search-box .s_input {
	padding-left:65px;
	padding-right:26px
}
header .site-nav .quick-menu {
	margin-left:auto;
	height:55px
}
header .site-nav .quick-menu .dropdown-search {
	position:absolute;
	top:1px;
	left:1px;
	bottom:1px;
	width:56px;
	height:auto;
	background-color:rgba(133,134,156,.3);
	border:none;
	border-radius:16px 0 0 16px
}
header .site-nav .quick-menu .dropdown-search .dropdown-item {
	float:none;
	margin:4px 0 0;
	padding:0
}
header .site-nav .quick-menu .dropdown-search .dropdown-toggle {
	padding:0 0 0 8px;
	display:flex;
	justify-content:center;
	align-items:center
}
header .site-nav .quick-menu .dropdown-search .dropdown-toggle-label {
	color:rgba(255,255,255,.5);
	font-size:12px;
	height:28px;
	line-height:28px
}
header .site-nav .quick-menu .dropdown-search .dropdown-menu-wrapper {
	right:auto;
	min-width:56px
}
header .site-nav .quick-menu .dropdown-search .dropdown-menu {
	overflow:hidden
}
header .site-nav .quick-menu .dropdown-search .dropdown-arrow {
	position:static;
	display:flex;
	align-items:center;
	line-height:1;
	height:12px;
	font-size:12px;
	margin-left:.25em
}
header .site-nav .quick-menu .dropdown-search .item-link {
	font-size:12px;
	text-align:center
}
header .site-nav .quick-menu .dropdown-search .item-link:not(.active):hover {
	color:#333;
	background-color:#f0f0f0
}
header .site-nav .quick-menu>ul {
	display:flex;
	align-items:center;
	height:100%
}
header .site-nav .quick-menu li {
	margin:0 13px;
	position:relative;
	line-height:1.5;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center
}
header .site-nav .quick-menu li .cp .avatar-min {
	width:25px;
	height:25px;
	background:0 0
}
header .site-nav .quick-menu li .lang-btn {
	color:rgba(255,255,255,.5);
	cursor:pointer;
	text-align:center;
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:24px
}
header .site-nav .quick-menu li .lang-btn:hover {
	color:#fff
}
header .site-nav .quick-menu .head-dropdown {
	top:53px
}
header .site-nav .quick-menu .form_search {
	margin-top:1px
}
header .site-nav .quick-menu .signin {
	color:rgba(255,255,255,.5);
	font-size:14px;
	position:relative
}
header .site-nav .quick-menu .signin i {
	margin-right:5px;
	font-size:22px;
	vertical-align:-3px
}
header .site-nav .quick-menu .signin:hover {
	color:#fff
}
header .site-nav .quick-menu .signin+.signin {
	margin-left:.5em
}
header .site-nav .quick-menu .nickname {
	color:#fff;
	margin-left:10px;
	width:50px;
	height:55px;
	line-height:55px;
	overflow:hidden;
	display:inline-block;
	vertical-align:middle;
	text-overflow:ellipsis;
	white-space:nowrap
}
header .site-nav .quick-menu .upload {
	color:rgba(255,255,255,.5);
	position:relative;
	top:1px
}
header .site-nav .quick-menu .upload i {
	font-size:26px;
	vertical-align:middle
}
header .site-nav .quick-menu .upload:hover {
	color:#fff
}
header .site-nav .quick-menu .icon-car {
	color:rgba(255,255,255,.5);
	cursor:pointer;
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	height:26px
}
header .site-nav .quick-menu .icon-car .iconfont {
	font-size:26px;
	vertical-align:middle
}
header .site-nav .quick-menu .icon-car:hover {
	color:#fff
}
.icon-car-count {
	box-sizing:border-box;
	text-align:center;
	position:absolute;
	left:8px;
	top:-10px;
	background:red;
	color:#fff;
	border-radius:999px;
	padding:0 .5em;
	min-width:30px;
	height:30px;
	line-height:30px;
	font-size:16px;
	transform:scale(.7);
	font-family:tahoma!important
}
.icon-car-count:before {
	content:" ";
	position:absolute;
	left:10px;
	top:8px;
	opacity:.75;
	width:0;
	height:0;
	background-color:red;
	border-radius:50%;
	box-shadow:0 0 10px rgba(0,0,0,.3) inset;
	z-index:-1
}
.footer,.footer .foot-right .share-logos .share-logo.share-weixin,.footer .wrap {
	position:relative
}
.count-ani:before {
	-webkit-animation-name:ripple;
	-webkit-animation-duration:.8s;
	-webkit-animation-timing-function:ease;
	-webkit-animation-delay:0s;
	-webkit-animation-iteration-count:1;
	-webkit-animation-direction:normal
}
.footer {
	min-height:270px;
	background:#1E1E1E;
	color:rgba(255,255,255,.5);
	padding:0 20px 12px;
	box-sizing:border-box
}
.footer .wrap {
	display:flex;
	column-gap:20px
}
.footer .foot-left {
	width:656px;
	height:100%;
	margin-top:45px;
	overflow:hidden;
	font-size:12px;
	line-height:18px
}
.footer .foot-left .foot-logo {
	display:block
}
.footer .foot-left .foot-content {
	margin-top:25px
}
.footer .foot-left .foot-copy-right {
	margin-top:27px
}
.footer .foot-left .foot-copy-right p {
	margin-top:2px
}
.footer .foot-left .foot-copy-right a {
	margin-right:.5em;
	color:rgba(255,255,255,.5)
}
.footer .foot-left .foot-copy-right a:hover {
	color:#fff
}
.footer .foot-right {
	width:380px;
	margin-top:45px
}
.footer .foot-right .links-title {
	font-size:18px
}
.footer .foot-right .links {
	margin-top:27px
}
.footer .foot-right .links li {
	float:left;
	padding:0 2px;
	margin-bottom:5px;
	margin-right:15px
}
.footer .foot-right .links li a {
	color:rgba(255,255,255,.5)
}
.footer .foot-right .links li a:hover {
	color:#fff
}
.footer .foot-right .share-logos {
	margin-top:19px
}
.footer .foot-right .share-logos .iconfont {
	width:38px;
	height:38px;
	border-radius:50%;
	margin-right:15px;
	text-align:center;
	line-height:42px;
	color:rgba(255,255,255,.3);
	display:inline-block;
	font-size:34px;
	text-indent:-1px
}
.footer .foot-right .share-logos a:hover {
	color:rgba(255,255,255,.7)
}
.footer .foot-right .share-logos .share-logo.share-weixin .weixin-code {
	position:absolute;
	width:200px;
	height:200px;
	top:-200px;
	left:0;
	display:none
}
.footer .foot-right .share-logos .share-logo.share-weixin .weixin-code img {
	width:100%;
	height:100%
}
.footer .foot-right .share-logos .share-logo:hover .weixin-code {
	display:inline-block
}
.home header {
	background:#000
}
.home header .head-search {
	display:none
}
.home .footer {
	background:rgba(6,6,11,.2)
}
.help header {
	background:0 0!important
}
.help .footer {
	background-color:#1E1E1E
}
@keyframes ripple {
	0% {
	left:10px;
	top:8px;
	opacity:.95;
	width:0;
	height:0
}
99% {
	left:-25px;
	top:-27px;
	opacity:.3;
	width:80px;
	height:80px
}
100% {
	opacity:0
}
}.page-upload {
	width:1150px;
	display:flex;
	padding-top:32px
}
.upload-view {
	position:relative;
	flex:1;
	min-height:280px;
	margin-left:20px;
	margin-bottom:30px;
	background-color:#fff
}
.page-notifications {
	width:1100px;
	margin-left:auto;
	margin-right:auto;
	display:flex;
	margin-top:32px
}
.page-notifications .mod-tab {
	margin-bottom:0
}
.page-notifications .mod-tab .tab-list {
	display:flex;
	height:50px;
	background:0 0
}
.page-notifications .mod-tab .tab-list li {
	height:100%;
	width:auto;
	padding:0 22px;
	font-size:14px
}
.page-notifications .mod-tab .tab-list li.current {
	color:#000
}
.page-notifications .mod-tab .tab-list li.current:before {
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:2px;
	background-color:#4A54FF
}
.chat-detail-view {
	width:100%
}
.notification-view {
	flex:1;
	min-height:280px;
	margin-left:20px;
	margin-bottom:30px;
	padding-bottom:30px;
	background-color:#fff
}
.mod-tab {
	text-align:center;
	margin-bottom:12px;
	min-width:110px
}
.mod-tab.vertical .tab-list {
	display:flex;
	flex-direction:column;
	height:auto;
	background:0 0;
	border-radius:0;
	gap:20px
}
.mod-tab.vertical .tab-list .iconfont {
	color:#999;
	margin-right:.5em
}
.mod-tab.vertical .tab-list li {
	box-sizing:border-box;
	width:100%;
	height:22px;
	padding:0 22px;
	justify-content:flex-start;
	color:#666;
	white-space:nowrap;
	font-size:14px
}
.mod-tab.vertical .tab-list li .num {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	height:16px;
	margin-left:.25em;
	background:#e4e4e4;
	color:#666;
	border-radius:999px;
	font-size:10px;
	padding:0 .5em
}
.mod-tab.vertical .tab-list li.cover {
	display:none
}
.mod-tab.vertical .tab-list li.current,.mod-tab.vertical .tab-list li.current a {
	color:#000
}
.mod-tab.vertical .tab-list li.current:before {
	content:"";
	position:absolute;
	top:2px;
	bottom:2px;
	left:0;
	width:4px;
	height:auto;
	background:center center #4A54FF;
	background-image:linear-gradient(315deg,#6772FF 0,#00F9E5 100%);
	background-size:104% 104%
}
.mod-tab .tab-list {
	height:32px;
	background:#ddd;
	border-radius:40px;
	display:inline-flex;
	align-items:center;
	position:relative
}
.mod-tab .tab-list li {
	display:flex;
	align-items:center;
	justify-content:center;
	height:32px;
	text-align:center;
	width:108px;
	z-index:2;
	position:relative;
	color:#333;
	cursor:pointer;
	user-select:none;
	transition:color .2s ease-in-out
}
.mod-tab .tab-list li.uploads-tab-hide .tips {
	margin-left:5px;
	color:#999;
	font-size:14px;
	position:relative
}
.mod-tab .tab-list li.uploads-tab-hide .tips .cover-btn-tips {
	display:none;
	position:absolute;
	z-index:9;
	left:-14px;
	top:-40px;
	border:1px solid #ccc;
	border-radius:99px;
	padding:0 10px;
	background:#fff;
	cursor:pointer;
	color:#333;
	line-height:24px;
	font-size:12px;
	white-space:nowrap
}
.mod-tab .tab-list li.uploads-tab-hide .tips .cover-btn-tips:before {
	content:"";
	position:absolute;
	bottom:-4px;
	left:16px;
	width:6px;
	height:6px;
	transform:rotate(45deg);
	border:1px solid #ccc;
	border-left:none;
	border-top:none;
	background:#fff;
	background:inherit
}
.mod-tab .tab-list li.uploads-tab-hide .tips:hover .cover-btn-tips {
	display:block
}
.mod-tab .tab-list li.current,.mod-tab .tab-list li.current .tips {
	color:#fff
}
.mod-tab .tab-list li.cover {
	position:absolute;
	left:0;
	top:0;
	background:red;
	z-index:1;
	border-radius:999px;
	cursor:auto;
	transition:transform .1s ease-in-out
}
.mod-tab .tab-list li.cover-account {
	transform:translate(100%,0)
}
.mod-notifications {
	position:relative;
	padding-bottom:20px;
	color:#333
}
.mod-notifications .header {
	display:flex;
	padding:0 20px;
	border-bottom:1px solid #ececec;
	margin-bottom:-1px
}
.mod-notifications .header .tab-item {
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
	padding:12px 0
}
.mod-notifications .header .tab-item:after {
	content:" ";
	width:100%;
	height:2px;
	background:red;
	display:block;
	z-index:10;
	transition:width .1s ease-in-out;
	position:absolute;
	bottom:0;
	left:50%;
	transform:translate(-50%,0)
}
.mod-notifications .header-setting {
	position:absolute;
	top:9px;
	right:10px
}
.mod-notifications .un-read {
	color:red;
	position:absolute;
	left:-8px;
	top:0;
	font-size:0;
	text-indent:-999em;
	overflow:hidden;
	width:6px;
	height:6px;
	background:red;
	border-radius:99px
}
.mod-notifications .mod-avatar-box .avatar {
	width:32px;
	height:32px;
	margin-right:5px;
	position:relative
}
.mod-notifications .list-item {
	display:flex;
	border-top:1px solid #ececec;
	padding:16px 24px;
	align-items:baseline
}
.mod-notifications .bd {
	flex:1;
	max-width:86%
}
.mod-notifications .content {
	color:#999;
	margin-right:3em;
	max-height:50px;
	overflow:hidden
}
.mod-notifications .content .title {
	color:#333
}
.mod-notifications .content .link {
	color:#333;
	margin:0 .25em;
	cursor:pointer
}
.mod-notifications .content .link:hover {
	color:red
}
.mod-notifications .ft {
	color:#999;
	margin-top:5px
}
.mod-notifications .more {
	align-self:center;
	margin-left:auto
}
.mod-notifications .btn-link {
	height:28px;
	background:#ddd;
	border-radius:999px;
	font-size:12px;
	color:#000
}
.mod-user-block .hd {
	display:flex;
	height:60px;
	align-items:center;
	padding:0 24px;
	border-bottom:1px solid #eee
}
.mod-user-block .title {
	font-size:14px;
	color:#333;
	margin-right:1em;
	white-space:nowrap
}
.mod-user-block .info {
	font-size:12px;
	color:#999;
	border:none!important
}
.mod-user-block .list-item {
	height:60px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:0 24px;
	border-bottom:1px solid #eee
}
.mod-user-block .list-item .avatar {
	width:36px;
	height:36px
}
.mod-avatar-box {
	display:flex;
	align-items:center
}
.mod-avatar-box .avatar {
	flex:none;
	width:40px;
	height:40px;
	margin-top:-.16em
}
.mod-avatar-box .avatar img {
	border-radius:9999px;
	overflow:hidden
}
.mod-avatar-box .info {
	margin-left:10px;
	position:relative;
	flex:1;
	padding:13px 0;
	border-bottom:1px solid #eee
}
.mod-avatar-box .nick-name {
	margin-bottom:2px;
	line-height:1.3;
	font-size:14px;
	word-break:break-all;
	max-width:9em;
	color:#666
}
.mod-avatar-box .message-time {
	color:#999
}
.mod-notice-num {
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	height:26px
}
.mod-notice-num .icon-notice {
	font-size:26px;
	color:rgba(255,255,255,.5)
}
.mod-notice-num .icon-notice:hover {
	color:#fff
}
.mod-notice-num .head-dropdown {
	top:36px!important
}
.mod-chat {
	display:flex;
	max-width:860px;
	min-height:660px;
	margin-bottom:30px;
	line-height:1.5;
	background-color:#fff
}
.mod-chat .btn-show-room-list {
	display:none
}
.mod-chat .un-read-num {
	position:absolute;
	right:10px;
	top:0;
	bottom:0;
	margin:auto;
	box-sizing:border-box;
	height:16px;
	min-width:16px;
	line-height:16px;
	padding:0 .4em;
	overflow:hidden;
	text-align:center;
	border-radius:99px;
	font-size:12px;
	background:red;
	color:#fff;
	font-family:tahoma
}
.mod-chat .chat-list,.mod-chat .chat-room-list ul {
	-webkit-overflow-scrolling:touch;
	overflow-y:scroll
}
.mod-chat .load-next-message {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	text-align:center;
	height:2px
}
.mod-chat .chat-room-list {
	width:220px;
	border-right:1px solid #eee
}
.mod-chat .chat-room-list .room-title {
	height:50px;
	display:flex;
	align-items:center;
	font-size:14px;
	padding:0 20px;
	border-bottom:1px solid #eee
}
.mod-chat .chat-room-list ul {
	position:relative;
	height:636px
}
.mod-chat .chat-room-list li {
	padding-left:10px;
	cursor:pointer
}
.mod-chat .chat-room-list li.current,.mod-chat .chat-room-list li:hover {
	background-color:#f6f6f6
}
.mod-chat .chat-main {
	flex:1;
	display:flex;
	flex-direction:column
}
.mod-chat .chat-main .chat-mask {
	display:none
}
.mod-chat .chat-main.bg {
	background:url(https://img.alicdn.com/imgextra/i2/O1CN01FF1t1g1Q3PDWpSm4b_!!6000000001920-55-tps-508-135.svg) center no-repeat #eaeaea;
	background-size:220px
}
.mod-chat .chat-main.bg .btn-show-room-list {
	margin-top:20px;
	margin-left:20px
}
.mod-chat .chat-header {
	display:flex;
	align-items:center;
	justify-content:space-between;
	height:50px;
	padding:0 20px;
	font-size:14px;
	border-bottom:1px solid #dedede
}
.mod-chat .chat-header .title {
	flex:1;
	text-align:center
}
.mod-chat .chat-header .iconfont {
	margin-right:.25rem;
	font-size:12px
}
.mod-chat .chat-header .btn {
	padding-left:8px;
	padding-right:12px
}
.mod-chat .chat-list {
	position:relative;
	padding:35px 20px;
	min-height:360px;
	max-height:400px;
	flex:1
}
.mod-chat .chat-list .message-box {
	box-sizing:border-box;
	min-height:36px;
	line-height:1.6;
	max-width:60%;
	padding:.6em 1em;
	font-size:14px;
	display:flex;
	align-items:center;
	background-color:#f3f4f8;
	border-radius:4px;
	margin-left:10px;
	margin-right:10px;
	white-space:pre-wrap;
	word-break:break-all;
	position:relative
}
.mod-chat .chat-list .message-box .icon+span,.mod-chat .chat-list .message-box span+.icon {
	margin-left:.1em
}
.mod-chat .chat-list .message-box .icon {
	width:1em;
	height:1em;
	vertical-align:-.22em;
	fill:currentColor;
	overflow:hidden;
	font-size:22px;
	margin-right:.1em
}
.mod-chat .chat-list .message-box:hover .message-time {
	display:block
}
.mod-chat .chat-list .message-time {
	display:none;
	position:absolute;
	color:#999;
	bottom:-1.5em;
	left:0;
	font-size:12px;
	white-space:nowrap
}
.mod-chat .chat-list .qr-img {
	width:200px
}
.mod-chat .chat-list .qrtitle {
	font-size:16px;
	text-align:center
}
.mod-chat .chat-list .qrcode {
	background-color:#fff;
	border-radius:6px
}
.mod-chat .chat-list .qrtip {
	text-align:center
}
.mod-chat .message-begin {
	text-align:center;
	color:#999
}
.mod-chat .chat-list-item {
	display:flex;
	align-items:flex-start;
	width:100%;
	margin-top:25px
}
.mod-chat .chat-list-item.is-me {
	flex-direction:row-reverse
}
.mod-chat .chat-list-item.is-me .message-box {
	background-color:#c8ceff
}
.mod-chat .chat-list-item.is-me .message-time {
	right:0;
	left:auto
}
.mod-chat .reply-box {
	position:relative;
	border-top:1px solid #dedede
}
.mod-chat .reply-box .reply-bar {
	position:relative;
	padding:5px 20px 0;
	color:#666;
	display:flex;
	align-items:center
}
.mod-chat .reply-box .reply-bar .item {
	position:relative;
	margin-right:20px;
	cursor:pointer
}
.mod-chat .reply-box .reply-bar .iconfont {
	color:#dbdbdb;
	margin-right:.25em
}
.mod-chat .reply-box .reply {
	width:100%;
	height:100px;
	padding:.8em 1em;
	box-sizing:border-box;
	border:none;
	resize:none;
	font-size:14px
}
.mod-chat .reply-box .reply-footer {
	padding:12px 20px 16px;
	display:flex;
	align-items:center;
	justify-content:flex-end;
	border-top:1px solid #dedede
}
.mod-chat .reply-box .reply-footer .info {
	color:#999;
	margin-right:12px
}
.mod-chat .floatlayer {
	position:absolute;
	background-color:#fafafc;
	border-radius:8px;
	width:424px;
	box-shadow:0 0 12px 0 rgba(0,0,0,.18);
	text-align:center;
	bottom:0
}
.mod-chat .floatlayer .sendqr {
	margin-left:10px
}
.mod-chat .floatlayer h2 {
	font-size:20px;
	padding:20px 0
}
.mod-chat .floatlayer .tip {
	font-size:14px;
	height:60px;
	line-height:60px
}
.mod-chat .floatlayer .tip a {
	color:#00f
}
.mod-chat .floatlayer .hr {
	padding:20px;
	border-top:1px solid #ccc
}
.mod-chat .floatlayer .hr .btn {
	width:104px
}
.mod-chat .floatlayer .qr-bg {
	max-width:320px;
	background-color:#F3F4F8;
	border-radius:8px;
	margin-left:auto;
	margin-right:auto
}
.mod-chat .floatlayer .qrcode-bg {
	background-color:#fff;
	margin:auto;
	aspect-ratio:.98347107
}
.mod-chat .floatlayer .uploadqr {
	margin-top:28px
}
.mod-chat .floatlayer .qrcode {
	padding:32px 40px
}
.mod-chat .floatlayer .qr-img {
	display:block;
	margin:auto;
	max-width:200px;
	max-height:220px
}
.mod-chat .floatlayer .btn-new.btn-disabled {
	background-color:#ddd;
	color:rgba(0,0,0,.5)
}
.mx-form-title {
	margin-top:16px;
	font-size:20px;
	text-align:center
}
.mx-form-subtitle {
	margin-top:8px;
	font-size:14px;
	text-align:center;
	color:#666
}
.mx-form-line {
	text-align:center;
	position:relative;
	display:flex;
	align-items:center;
	color:#999;
	margin-top:30px;
	margin-bottom:26px
}
.mx-form-col#baxia>*,.mx-form-row {
	margin-top:24px
}
.mx-form-line:after,.mx-form-line:before {
	content:"";
	width:100%;
	height:1px;
	background-color:#ccc
}
.mx-form-line:before {
	margin-right:1em
}
.mx-form-line:after {
	margin-left:1em
}
.mx-form-col {
	width:100%;
	position:relative
}
.mx-form-col#baxia iframe {
	width:100%
}
.mx-form-col .iconfont {
	position:absolute;
	top:0;
	right:0;
	width:40px;
	height:40px;
	display:flex;
	align-items:center;
	justify-content:center;
	cursor:pointer;
	color:#666
}
.mx-form-col .iconfont:hover {
	color:#333
}
.mx-form-row {
	display:flex;
	align-items:baseline;
	max-width:322px;
	width:100%;
	position:relative
}
.mx-form-row * {
	box-sizing:border-box
}
.mx-form-row.mx-form-row-no-margin {
	margin-top:0;
	max-height:63px;
	overflow:hidden
}
.mx-form-row label {
	margin-right:.5em;
	user-select:none
}
.mx-form-row label.error {
	font-size:12px;
	color:#a32525;
	display:block;
	margin-top:4px;
	line-height:1.5
}
.mx-form-row.agreement-row {
	align-self:baseline
}
.mx-form-row.agreement-row #register-agreement-error {
	position:absolute;
	top:100%;
	left:18px;
	z-index:1;
	margin-top:0
}
.mx-form-row a {
	color:#4A54FF
}
.mx-form-block-tips,.mx-form-tips {
	font-size:12px;
	color:#333;
	border-radius:4px;
	background-color:#fff9e3;
	position:relative;
	user-select:none
}
.mx-form-radio {
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	position:relative
}
.mx-form-radio input[type=radio] {
	margin-right:.25em
}
.mx-form-radio label {
	margin-right:20px
}
.mx-form-radio label[for=job_title].error {
	order:100;
	margin-top:0
}
.mx-form-radio #job-input {
	display:none;
	margin-top:12px;
	width:100%
}
.mx-form-radio #others:checked~#job-input {
	display:block
}
.mx-form-radio #others:not(:checked)~.error {
	display:none!important
}
.mx-form-block-tips {
	margin-top:8px;
	padding:8px 16px
}
.mx-form-tips {
	margin-bottom:18px;
	padding:10px 22px
}
.mx-form-tips.mx-form-tips-inner {
	margin-top:-30px
}
.mx-form-tips .btn-tips-close {
	position:absolute;
	display:flex;
	align-items:center;
	justify-content:center;
	width:40px;
	height:40px;
	top:-5px;
	right:-5px;
	z-index:9;
	font-size:14px;
	color:#999;
	cursor:pointer
}
.mx-form-input,.mx-form-select {
	padding:0 12px;
	color:#595959;
	background-color:#fff;
	transition:border-color .2s,background-color .2s;
	width:100%;
	line-height:1.5;
	min-width:0
}
.mx-form-select {
	display:block;
	height:40px;
	border:1px solid #dfdfdf;
	border-radius:4px;
	font-size:16px;
	appearance:none;
	background-image:url("data:image/svg+xml;
	utf8,<svg fill='rgb(89,89,89)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
	background-repeat:no-repeat;
	background-position:100% 50%
}
.mx-form-btn,.mx-form-input {
	height:40px;
	font-size:16px;
	background-image:none
}
.mx-form-select:focus,.mx-form-select:focus:invalid {
	border-color:#5c4aff;
	box-shadow:none;
	outline:0
}
.mx-form-input {
	border:1px solid #dfdfdf;
	border-radius:4px
}
.mx-form-input:focus,.mx-form-input:focus:invalid {
	border-color:#5c4aff;
	box-shadow:none;
	outline:0
}
.mx-form-input.error {
	border-color:#a32525;
	background-color:#fdf6f5
}
.mx-form-input.error:focus,.mx-form-input.error:focus:invalid {
	border-color:#a32525
}
.mx-form-input[disabled] {
	color:#666;
	background-color:#f6f6f6;
	cursor:not-allowed
}
.mx-form-input[name=password] {
	padding-right:40px
}
.mx-form-btn {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	vertical-align:middle;
	padding:0 20px;
	text-align:center;
	border:none;
	line-height:1.5;
	border-radius:999px;
	cursor:pointer;
	overflow:hidden;
	user-select:none;
	touch-action:manipulation;
	white-space:nowrap;
	transition:border-color .26s,background-color .26s
}
.mx-form-btn+.mx-form-btn {
	margin-left:50px
}
.mx-form-btn:focus {
	border-color:red
}
.mx-form-btn[disabled] {
	color:#999!important;
	background-color:#f6f6f6!important;
	cursor:not-allowed
}
.mx-form-btn-full {
	width:100%
}
.mx-form-btn-small {
	height:30px;
	font-size:14px
}
.mx-btn-submit {
	color:#fff;
	background:center center #4A54FF;
	background-image:linear-gradient(315deg,#6772FF 0,#00F9E5 100%);
	background-size:104% 104%
}
.mx-code-field .mobile-code {
	flex:1;
	align-self:center;
	width:auto
}
.mx-code-field .mobile-code p {
	font-size:12px;
	color:#999;
	margin-top:4px;
	line-height:1.5
}
.mx-code-field .countdown-btn {
	width:112px;
	margin-left:16px
}
.mx-code-field .code-send-button {
	width:100%;
	background:#fff;
	border:1px solid #dfdfdf;
	border-radius:4px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:14px;
	color:#333;
	white-space:nowrap
}
.mx-account-dialog {
	display:flex;
	flex-direction:column
}
.mx-account-dialog .mp-e2e-body {
	padding:0;
	flex:1;
	display:flex;
	flex-direction:column
}
.mx-account-dialog form {
	display:flex;
	flex-direction:column
}
.mx-account-dialog .mx-modal-body {
	flex:1;
	margin-left:auto;
	margin-right:auto;
	padding:12px 50px 20px;
	min-height:196px;
	box-sizing:border-box
}
.mx-account-dialog .mp-e2e-title {
	padding:22px 30px;
	display:flex;
	align-items:center;
	font-size:16px;
	border-bottom:1px solid #e5e5e5
}
.mx-account-dialog .mx-modal-footer {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	z-index:6
}
.mx-modal-header {
	height:62px;
	border-bottom:1px solid #e5e5e5
}
.mx-modal-footer {
	display:flex;
	justify-content:center;
	align-items:center;
	border-top:1px solid #e5e5e5;
	height:70px
}
.mx-modal-info {
	margin-top:12px
}
.mx-modal-title {
	font-size:16px;
	color:#333
}
.mod-ask-source {
	box-sizing:border-box
}
.mod-ask-source.dialog {
	padding:12px 50px 12px 18px;
	background-color:#fff;
	box-shadow:0 0 5px 0 rgba(0,0,0,.16);
	border-radius:4px;
	max-width:60%;
	position:absolute;
	top:-20px;
	right:20px;
	transform:translateY(-100%);
	display:flex;
	align-items:flex-end;
	flex-direction:column
}
.mod-ask-source .title {
	font-size:14px;
	color:#333;
	padding:0;
	line-height:1.4
}
.mod-ask-source .collection-name {
	margin-left:.25em;
	margin-right:.25em
}
.mod-ask-source .img {
	width:64px;
	height:64px;
	margin:8px 0;
	background:#FFF;
	border:1px solid #F2F2F2;
	border-radius:6px;
	overflow:hidden;
	display:flex;
	align-items:center;
	justify-content:center
}
.mod-tags .tag-free,.mod-tags .tag-item {
	background-color:#6272d6
}
.mod-ask-source .img img {
	max-height:100%
}
.mod-ask-source .ft {
	display:flex;
	align-items:center;
	margin-top:16px;
	padding-top:16px;
	border-top:1px solid rgba(151,151,151,.2)
}
.mod-ask-source .ft .tips {
	font-size:12px;
	color:#555;
	margin-left:1em
}
.mod-ask-source .info {
	font-size:12px
}
.mod-ask-source a {
	color:#00f
}
.mod-ask-source .icon-cancel {
	position:absolute;
	z-index:99;
	top:2px;
	right:0;
	height:40px;
	width:40px;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#999;
	cursor:pointer;
	user-select:none;
	font-size:18px
}
.mod-tags {
	display:inline-flex;
	vertical-align:middle;
	align-items:center;
	gap:10px
}
.mod-tags .tag-item {
	border-radius:999px;
	height:20px;
	padding:0 .6em;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#fff;
	font-size:12px;
	white-space:nowrap;
	user-select:none;
	cursor:default
}
.fl,.fr {
	*display:inline
}
.page-upload-container .advance-btn,.unselectable {
	-moz-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none
}
.cp,.cur {
	cursor:pointer
}
.mod-tags .tag-charge {
	background-color:#FF8D17
}
.mod-tags .tag-overt {
	background-color:#99C84A
}
.mod-tags .tag-private {
	background-color:#FFB65E
}
.mod-tags .tag-original {
	background-color:#6272D6
}
.mod-tags .tag-nonoriginal {
	background-color:#15C1C4
}
.mod-tags .tag-variation {
	background-color:#4A54FF;
	background-image:linear-gradient(315deg,#6772FF 0,#00F9E5 100%)
}
.fl {
	float:left
}
.fr {
	float:right
}
.dib {
	display:inline-block
}
.dif {
	display:inline-flex;
	align-items:center;
	justify-content:center
}
.lf10 {
	left:-10px
}
.mt5 {
	margin-top:5px
}
.mt10 {
	margin-top:10px
}
.mt15 {
	margin-top:15px
}
.mt20 {
	margin-top:20px
}
.mt20i {
	margin-top:20px!important
}
.mt25 {
	margin-top:25px
}
.mt30 {
	margin-top:30px
}
.mt40 {
	margin-top:40px
}
.mt40i {
	margin-top:40px!important
}
.mt50 {
	margin-top:50px
}
.mt60 {
	margin-top:60px
}
.mt70 {
	margin-top:70px
}
.mt90 {
	margin-top:90px
}
.mt100 {
	margin-top:100px
}
.mt150i {
	margin-top:150px!important
}
.mr0i {
	margin-right:0!important
}
.mr3 {
	margin-right:3px
}
.mr5 {
	margin-right:5px
}
.mr5i {
	margin-right:5px!important
}
.mr10 {
	margin-right:10px
}
.block-collection .collection-info .tools .info-item,.mr15 {
	margin-right:15px
}
.mr20 {
	margin-right:20px
}
.mr30 {
	margin-right:30px
}
.mr50 {
	margin-right:50px
}
.mr60 {
	margin-right:60px
}
.mb5 {
	margin-bottom:5px
}
.mb10 {
	margin-bottom:10px
}
.mb15 {
	margin-bottom:15px
}
.mb20 {
	margin-bottom:20px
}
.mb30 {
	margin-bottom:30px
}
.mb40 {
	margin-bottom:40px
}
.ml5 {
	margin-left:5px
}
.ml10 {
	margin-left:10px
}
.ml15 {
	margin-left:15px
}
.ml20 {
	margin-left:20px
}
.ml30 {
	margin-left:30px
}
.ml40 {
	margin-left:40px
}
.ml70 {
	margin-left:70px
}
.ml180 {
	margin-left:174px
}
.ml33i {
	margin-left:33px!important
}
.pt5 {
	padding-top:5px
}
.page-manage-icons .collection-list,.pt10 {
	padding-top:10px
}
.pt20 {
	padding-top:20px
}
.pt15 {
	padding-top:15px
}
.pt40 {
	padding-top:40px
}
.pr5 {
	padding-right:5px
}
.pr10 {
	padding-right:10px
}
.pr15 {
	padding-right:15px
}
.pr180 {
	padding-right:180px
}
.pr40 {
	padding-right:40px
}
.pb5 {
	padding-bottom:5px
}
.pb10 {
	padding-bottom:10px
}
.mod-icon-table th,.pb15 {
	padding-bottom:15px
}
.pl5 {
	padding-left:5px
}
.pl10 {
	padding-left:10px
}
.pl15 {
	padding-left:15px
}
.pl50 {
	padding-left:50px
}
.pl95 {
	padding-left:95px
}
.pr {
	position:relative
}
.pa {
	position:absolute
}
.tl {
	text-align:left
}
.tr {
	text-align:right
}
.tc {
	text-align:center
}
.vm {
	vertical-align:middle
}
.vi {
	vertical-align:inherit
}
.ch {
	cursor:help
}
.none {
	display:none
}
.hide {
	display:none!important
}
.hidden {
	visibility:hidden
}
.bold {
	font-weight:700
}
.lh21 {
	line-height:21px
}
.lh32 {
	line-height:32px
}
.clearfix {
	*zoom:1
}
.clearfix:after,.clearfix:before {
	display:table;
	content:""
}
.clearfix:after {
	clear:both
}
.f12 {
	font-size:12px
}
.f14 {
	font-size:14px
}
.f16 {
	font-size:16px
}
.f18 {
	font-size:18px
}
.f20 {
	font-size:20px
}
.f22 {
	font-size:22px
}
.f24 {
	font-size:24px
}
.f26 {
	font-size:26px
}
.f40 {
	font-size:40px
}
.f48 {
	font-size:48px
}
.w50 {
	width:50px
}
.w60 {
	width:60px
}
.w65 {
	width:65px
}
.w70 {
	width:70px
}
.w80 {
	width:80px
}
.w90 {
	width:90px
}
.w100 {
	width:100px
}
.w110 {
	width:110px
}
.w120 {
	width:120px
}
.w130 {
	width:130px
}
.w140 {
	width:140px
}
.w180 {
	width:180px
}
.w210 {
	width:210px
}
.w220 {
	width:220px
}
.w310 {
	width:310px
}
.w350 {
	width:350px
}
.w380 {
	width:380px
}
.w400 {
	width:400px
}
.color-gray {
	color:#777
}
.color-666 {
	color:#666
}
.color-333 {
	color:#333
}
.color-333i {
	color:#333!important
}
.color-grey {
	color:#999
}
.color-smoke {
	color:#ccc
}
.color-disabled {
	color:#e6e6e6
}
.color-white,.color-white:active,.color-white:hover {
	color:#fff
}
.color-green {
	color:#51a300
}
.color-blue {
	color:#06d
}
.color-red {
	color:#ef3000
}
.color-yellow {
	color:#fcbc52
}
.color-brand {
	color:#3773F7
}
.overflow_dotted {
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
#cnzz_stat_icon_1000158776 {
	display:none
}
.dialog-lock-hide {
	overflow-y:hidden!important;
	overflow-y:clip!important
}
.form_search .suggest-box .users-box dl dt img {
	width:30px;
	height:30px;
	display:block
}
ul.simple-pagination {
	list-style:none
}
.simple-pagination {
	display:block;
	overflow:hidden;
	margin:21px auto 17px
}
.simple-pagination li,.simple-pagination ul {
	padding:0;
	margin:0;
	list-style:none
}
.simple-pagination li {
	float:left
}
span.ellipse.clickable {
	cursor:pointer
}
.ellipse input {
	width:3em
}
.slider-container {
	width:300px;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif
}
.slider-container .back-bar {
	height:10px;
	position:relative
}
.slider-container .back-bar .selected-bar {
	position:absolute;
	height:100%
}
.slider-container .back-bar .pointer {
	position:absolute;
	width:10px;
	height:10px;
	background-color:red;
	cursor:col-resize;
	opacity:1;
	z-index:2
}
.slider-container .back-bar .pointer.last-active {
	z-index:3
}
.slider-container .back-bar .pointer-label {
	position:absolute;
	top:-17px;
	font-size:8px;
	background:#fff;
	white-space:nowrap;
	line-height:1
}
.theme-green .back-bar,.theme-green .back-bar .pointer {
	background-image:-moz-linear-gradient(top,#eee,#ddd);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#eee),to(#ddd));
	background-image:-webkit-linear-gradient(top,#eee,#ddd);
	background-image:-o-linear-gradient(top,#eee,#ddd)
}
.slider-container .back-bar .focused {
	z-index:10
}
.slider-container .clickable-dummy {
	cursor:pointer;
	position:absolute;
	width:100%;
	height:100%;
	z-index:1
}
.slider-container .scale {
	top:2px;
	position:relative
}
.slider-container .scale span {
	position:absolute;
	height:5px;
	border-left:1px solid #999;
	font-size:0
}
.slider-container .scale ins {
	font-size:9px;
	text-decoration:none;
	position:absolute;
	left:0;
	top:5px;
	color:#999;
	line-height:1
}
.slider-container.slider-readonly .clickable-dummy,.slider-container.slider-readonly .pointer {
	cursor:auto
}
.theme-green .back-bar {
	height:5px;
	border-radius:2px;
	background-color:#e7e7e7;
	background-image:linear-gradient(to bottom,#eee,#ddd);
	background-repeat:repeat-x
}
.theme-green .back-bar .selected-bar {
	border-radius:2px;
	background-color:#4A54FF;
	background-image:linear-gradient(to bottom,#4A54FF,#4A54FF);
	background-repeat:repeat-x
}
.theme-green .back-bar .pointer {
	width:14px;
	height:14px;
	top:-5px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:10px;
	border:1px solid #AAA;
	background-color:#e7e7e7;
	background-image:linear-gradient(to bottom,#eee,#ddd);
	background-repeat:repeat-x
}
.theme-green .back-bar .pointer-label {
	color:#999
}
.theme-green .back-bar .focused {
	color:#333
}
.theme-blue .back-bar .pointer-label,.theme-green .scale ins {
	color:#999
}
.theme-green .scale span {
	border-left:1px solid #e5e5e5
}
.theme-blue .back-bar {
	height:5px;
	border-radius:2px;
	background-color:#e7e7e7;
	background-image:-moz-linear-gradient(top,#eee,#ddd);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#eee),to(#ddd));
	background-image:-webkit-linear-gradient(top,#eee,#ddd);
	background-image:-o-linear-gradient(top,#eee,#ddd);
	background-image:linear-gradient(to bottom,#eee,#ddd);
	background-repeat:repeat-x
}
.theme-blue .back-bar .selected-bar {
	border-radius:2px;
	background-color:#92c1f9;
	background-image:-moz-linear-gradient(top,#b1d1f9,#64a8f9);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#b1d1f9),to(#64a8f9));
	background-image:-webkit-linear-gradient(top,#b1d1f9,#64a8f9);
	background-image:-o-linear-gradient(top,#b1d1f9,#64a8f9);
	background-image:linear-gradient(to bottom,#b1d1f9,#64a8f9);
	background-repeat:repeat-x
}
.theme-blue .back-bar .pointer {
	width:14px;
	height:14px;
	top:-5px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:10px;
	border:1px solid #AAA;
	background-color:#e7e7e7;
	background-image:-moz-linear-gradient(top,#eee,#ddd);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#eee),to(#ddd));
	background-image:-webkit-linear-gradient(top,#eee,#ddd);
	background-image:-o-linear-gradient(top,#eee,#ddd);
	background-image:linear-gradient(to bottom,#eee,#ddd);
	background-repeat:repeat-x
}
.theme-blue .back-bar .focused {
	color:#333
}
.theme-blue .scale span {
	border-left:1px solid #e5e5e5
}
.theme-blue .scale ins {
	color:#999
}
.mp-e2e-dialog {
	-webkit-transform:scale(.7);
	-moz-transform:scale(.7);
	-ms-transform:scale(.7);
	transform:scale(.7);
	opacity:0;
	-webkit-transition:transform .3s,opacity .3s;
	-moz-transition:transform .3s,opacity .3s;
	transition:transform .3s,opacity .3s;
	visibility:visible
}
.mp-e2e-dialog.show-dialog {
	visibility:visible;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	opacity:1
}
.mp-e2e-dialog .mp-e2e-dialog-close {
	position:absolute;
	cursor:pointer;
	right:-33px;
	top:5px;
	width:20px;
	height:20px;
	text-align:center;
	font-size:30px;
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:center
}
.smart_autocomplete_container {
	background:#fafafa;
	border-top:0;
	border-bottom-right-radius:5px;
	margin-top:13px;
	box-sizing:border-box
}
ul.smart_autocomplete_container li {
	list-style:none;
	cursor:pointer;
	margin:0;
	padding:8px 8px 8px 12px
}
ul.smart_autocomplete_container li .user-avatar {
	width:20px;
	height:20px;
	border-radius:50%;
	margin-right:7px;
	vertical-align:middle
}
ul.smart_autocomplete_container li .user-name {
	display:inline-block;
	vertical-align:middle;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	max-width:70px
}
.block-icon-list li .icon,.block-svg-list li .icon-twrap video,.markdown img {
	max-width:100%
}
ul.smart_autocomplete_container li.smart_autocomplete_highlight {
	position:relative;
	background-color:#fbe7e6
}
ul.smart_autocomplete_container li.smart_autocomplete_highlight:before {
	content:'';
	width:5px;
	height:5px;
	border-radius:50%;
	background:red;
	position:absolute;
	left:3px;
	top:50%;
	margin-top:-2px
}
.markdown {
	color:#666;
	font-size:14px;
	line-height:1.8
}
.highlight {
	line-height:1.5
}
.markdown img {
	vertical-align:middle
}
.markdown video {
	display:block;
	width:100%;
	max-height:450px
}
.markdown h1 {
	color:#404040;
	font-weight:500;
	line-height:40px;
	margin-bottom:24px;
	font-size:28px
}
.markdown h2,.markdown h3,.markdown h4,.markdown h5,.markdown h6 {
	color:#404040;
	margin:1.6em 0 .6em;
	font-weight:500;
	clear:both
}
.markdown h2 {
	font-size:22px
}
.markdown h3 {
	font-size:16px
}
.markdown h4 {
	font-size:14px
}
.markdown h5,.markdown h6 {
	font-size:12px
}
.markdown hr {
	height:1px;
	border:0;
	background:#e9e9e9;
	margin:16px 0;
	clear:both
}
.markdown p,.markdown pre {
	margin:1em 0
}
.markdown>.highlight,.markdown>blockquote,.markdown>ol,.markdown>p,.markdown>ul {
	width:80%
}
.markdown ul>li {
	list-style:circle
}
.markdown blockquote ul>li,.markdown>ul li {
	margin-left:20px;
	padding-left:4px
}
.markdown>ol li p,.markdown>ul li p {
	margin:.6em 0
}
.markdown ol>li {
	list-style:decimal
}
.markdown blockquote ol>li,.markdown>ol li {
	margin-left:20px;
	padding-left:4px
}
.markdown code {
	margin:0 3px;
	padding:0 5px;
	background:#eee;
	border-radius:3px
}
.markdown pre {
	border-radius:6px;
	background:#f7f7f7;
	padding:20px
}
.markdown pre code {
	border:none;
	background:#f7f7f7;
	margin:0
}
.markdown b,.markdown strong {
	font-weight:600
}
.markdown>table {
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	border:1px solid #e9e9e9;
	width:95%;
	margin-bottom:24px
}
.markdown>table th {
	white-space:nowrap;
	color:#333;
	font-weight:600;
	background:#F7F7F7
}
.markdown>table td,.markdown>table th {
	border:1px solid #e9e9e9;
	padding:8px 16px;
	text-align:left
}
.markdown blockquote {
	font-size:90%;
	color:#999;
	border-left:4px solid #e9e9e9;
	padding-left:.8em;
	margin:1em 0;
	font-style:italic
}
.markdown blockquote p {
	margin:0
}
.markdown .anchor {
	opacity:0;
	transition:opacity .3s ease;
	margin-left:8px
}
.markdown .waiting {
	color:#ccc
}
.markdown h1:hover .anchor,.markdown h2:hover .anchor,.markdown h3:hover .anchor,.markdown h4:hover .anchor,.markdown h5:hover .anchor,.markdown h6:hover .anchor {
	opacity:1;
	display:inline-block
}
.markdown>br,.markdown>p>br {
	clear:both
}
.hljs {
	display:block;
	background:#fff;
	padding:.5em;
	color:#333;
	overflow-x:auto
}
.hljs-comment,.hljs-meta {
	color:#969896
}
.hljs-emphasis,.hljs-quote,.hljs-string,.hljs-strong,.hljs-template-variable,.hljs-variable {
	color:#df5000
}
.hljs-keyword,.hljs-selector-tag,.hljs-type {
	color:#a71d5d
}
.hljs-attribute,.hljs-bullet,.hljs-literal,.hljs-symbol {
	color:#0086b3
}
.hljs-name,.hljs-section {
	color:#63a35c
}
.hljs-tag {
	color:#333
}
.hljs-attr,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-selector-pseudo,.hljs-title {
	color:#795da3
}
.hljs-addition {
	color:#55a532;
	background-color:#eaffea
}
.hljs-deletion {
	color:#bd2c00;
	background-color:#ffecec
}
.hljs-link {
	text-decoration:underline
}
pre {
	background:#fff
}
.top-tip {
	width:100%;
	display:none;
	position:relative;
	z-index:1
}
.top-tip .iconfont-n {
	margin-right:5px
}
.top-tip .content {
	text-align:center;
	font-size:14px;
	height:30px;
	line-height:30px;
	display:block;
	margin:0 auto;
	color:#fff;
	width:1120px;
	position:relative
}
#SOHUCS #SOHU_MAIN .module-cmt-box .post-wrap-w div.post-wrap-border-l,#SOHUCS #SOHU_MAIN .module-cmt-box .post-wrap-w div.post-wrap-border-r,#SOHUCS #SOHU_MAIN .module-cmt-footer {
	display:none!important
}
.top-tip .close {
	position:absolute;
	right:10px;
	top:0;
	font-size:22px;
	color:#fff;
	cursor:pointer
}
#SOHUCS #SOHU_MAIN .module-cmt-box .post-wrap-w .post-wrap-main {
	background:#fff!important;
	border-color:#fff!important
}
#SOHUCS #SOHU_MAIN .module-cmt-box .post-wrap-w .post-wrap-border-t {
	display:none
}
#SOHUCS #SOHU_MAIN .module-cmt-box .post-wrap-w .wrap-action-w .action-issue-w .issue-btn-w a button.btn-fw {
	background:#f3f3f3!important;
	border-radius:80px;
	font-size:12px
}
#SOHUCS #SOHU_MAIN .module-cmt-box .post-wrap-w .wrap-action-w .action-issue-w .issue-btn-w a button.btn-fw:before {
	content:'\0053d1\005e03'
}
#SOHUCS #SOHU_MAIN .module-cmt-list .cmt-list-type .type-lists li.active {
	background:0 0!important;
	border:1px solid #e74851;
	border-bottom:none!important;
	color:#777
}
#SOHUCS #SOHU_MAIN .module-cmt-list .cmt-list-type div.cmt-list-border {
	background-color:#e74851!important
}
#SOHUCS #SOHU_MAIN .module-cmt-header .section-cbox-w .block-head-w,#SOHUCS #SOHU_MAIN .module-cmt-header .title-user-w {
	display:none!important
}
#SOHUCS #SOHU_MAIN .module-cmt-box .post-wrap-w {
	padding-top:30px
}
.background-linear {
	background:center center #4A54FF;
	background-image:linear-gradient(315deg,#6772FF 0,#00F9E5 100%);
	background-size:104% 104%
}
.dropdown {
	position:relative;
	width:340px;
	background-color:#fff;
	border:1px solid #e6e6e6;
	border-radius:4px;
	display:inline-block;
	vertical-align:middle;
	height:32px
}
.dropdown .dropdown-wrapper {
	box-sizing:border-box;
	display:flex;
	align-items:center;
	height:100%
}
.dropdown:hover {
	border-color:#ccc
}
.dropdown-title {
	padding-left:1em;
	color:#666
}
.dropdown-toggle {
	flex:1;
	color:#333;
	position:relative;
	width:100%;
	cursor:pointer;
	user-select:none;
	padding:0 30px 0 12px
}
.block-pagination ul .disabled a,.block-pagination ul .disabled span,.dropdown .notallowed,.dropdown .notallowed .dropdown-toggle {
	cursor:not-allowed
}
.dropdown .notallowed {
	background-color:#fbfbfb
}
.dropdown .notallowed:hover {
	border-color:#e6e6e6
}
.dropdown .dropdown-arrow {
	position:absolute;
	right:4px;
	top:2px;
	font-size:22px;
	color:#ccc;
	transition:transform .3s,top .3s
}
.dropdown .dropdown-toggle-label {
	height:30px;
	line-height:30px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	display:block
}
.dropdown .dropdown-toggle-label-ph {
	color:#999
}
.dropdown .dropdown-menu-wrapper {
	position:absolute;
	top:100%;
	left:-1px;
	right:-1px;
	margin-top:5px;
	border-radius:4px;
	z-index:1300;
	border:1px solid #e6e6e6;
	background-color:#fff;
	display:none;
	user-select:none
}
.dropdown .dropdown-menu {
	overflow-y:auto;
	overflow-x:hidden;
	max-height:180px;
	padding:4px 0
}
.dropdown .dropdown-menu li.hidden {
	display:none
}
.dropdown .searchbox {
	box-sizing:border-box;
	display:block;
	width:100%;
	padding:9px 9px 4px
}
.dropdown .searchbox input,.dropdown .searchbox label {
	width:100%!important
}
.dropdown .searchbox label .iconfont {
	margin-top:-3px
}
.dropdown .searchbox input {
	border:1px solid #e6e6e6!important
}
.dropdown .searchbox-wrapper {
	padding:0;
	width:100%
}
.dropdown .search-icon {
	color:#ccc;
	position:absolute;
	left:15px;
	top:16px
}
.dropdown .search-input {
	padding-left:28px;
	height:28px;
	line-height:28px;
	width:100%
}
.dropdown .dropdown-header {
	padding:5px;
	color:#999;
	display:block;
	cursor:default
}
.dropdown .dropdown-item {
	padding:0 4px;
	margin:2px 0;
	white-space:nowrap
}
.dropdown .item-link {
	color:#666;
	box-sizing:border-box;
	padding:4px 12px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	min-height:30px;
	border-radius:4px
}
.dropdown .item-info {
	color:#999;
	margin-top:6px
}
.dropdown .item-link:hover {
	color:#333;
	background-color:#f0f0f0
}
.dropdown .active,.dropdown .active:active,.dropdown .active:focus,.dropdown .active:hover {
	color:#222;
	background-color:#f0f1fe
}
.dropdown-open .dropdown-arrow {
	transform:rotate(180deg);
	top:0
}
.dropdown-open,.dropdown-open:hover {
	border-color:#3773F7
}
.dropdown-open .dropdown-menu-wrapper {
	display:block
}
.block-sub-banner {
	position:relative;
	z-index:10;
	display:flex;
	flex-wrap:wrap;
	background-color:#add8e6
}
.block-sub-banner .block-bar {
	width:100%;
	margin-top:auto
}
.block-sub-banner .block-sub-banner-bg {
	background:#1E1E1E;
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:-55px;
	padding-top:55px;
	overflow:hidden
}
.block-sub-banner .block-sub-banner-bg .planet-wrap {
	position:relative;
	top:0
}
.block-sub-banner .block-sub-banner-container {
	min-height:150px;
	position:relative;
	margin:0 auto;
	display:flex
}
.block-sub-banner .block-sub-banner-container .left-logo {
	position:absolute;
	left:42px;
	top:20px
}
.block-sub-banner .block-sub-banner-container .avatar-special {
	flex:none;
	align-self:flex-end;
	width:130px;
	height:130px
}
.block-sub-banner .block-sub-banner-container .avatar-special .avatar-special-inner {
	vertical-align:middle;
	width:90px;
	height:90px;
	border-radius:50%;
	margin-top:15px
}
.block-sub-banner .block-sub-banner-container .avatar-special .avatar-special-cover {
	position:absolute;
	left:18px;
	top:-12px;
	height:119px
}
.block-sub-banner .block-sub-banner-container .right-content {
	display:flex;
	flex-direction:column;
	margin-left:40px;
	box-sizing:border-box;
	padding-top:30px;
	min-width:0;
	flex:1
}
.block-sub-banner .block-sub-banner-container .right-content .hd {
	display:flex;
	margin-bottom:12px
}
.block-sub-banner .block-sub-banner-container .right-content .hd .btn {
	background:#6272D6;
	border-radius:999px;
	color:#fff;
	margin-left:20px
}
.block-sub-banner .block-sub-banner-container .right-content .title {
	font-size:22px;
	color:#fff;
	display:flex;
	align-items:center;
	padding-right:15px;
	flex-wrap:wrap;
	gap:10px
}
.block-sub-banner .block-sub-banner-container .right-content .title>span {
	margin-right:5px;
	max-height:88px;
	max-height:4lh;
	overflow:hidden
}
.block-sub-banner .block-sub-banner-container .right-content .follow {
	border-left:1px solid #a6a5ad;
	padding:0 15px
}
.block-sub-banner .block-sub-banner-container .right-content .follow .txt {
	font-size:12px;
	color:#a6a5ad
}
.block-sub-banner .block-sub-banner-container .right-content .description {
	color:#a6a5ad;
	line-height:1.5;
	max-height:54px;
	overflow:hidden
}
.block-sub-banner .block-sub-banner-container .cell {
	font-size:12px;
	color:#a6a5ad;
	display:block;
	margin-bottom:8px;
	line-height:1.5;
	overflow:hidden
}
.block-sub-banner .block-sub-banner-container .user-name {
	color:#999;
	margin-right:.25em
}
.block-sub-banner .block-sub-banner-container .user-name:after {
	content:'\003001'
}
.block-sub-banner .block-sub-banner-container .user-name:last-of-type:after {
	content:none
}
.block-sub-banner .block-sub-banner-container .users {
	display:flex
}
.block-sub-banner .block-sub-banner-container .users .content {
	margin-left:10px
}
.block-sub-banner .block-sub-banner-container .users .owner {
	margin-left:23px
}
.block-sub-banner .block-sub-banner-container .users .owner .user-name:nth-child(n+11) {
	display:none
}
.block-sub-banner .block-sub-banner-container .users .owner .user-name:nth-child(10):after {
	content:'...'
}
.block-sub-banner .block-sub-banner-min-container {
	flex:1;
	display:flex;
	align-items:baseline;
	height:80px;
	position:relative;
	margin:0 auto;
	box-sizing:border-box;
	padding-top:30px
}
.block-sub-banner .block-sub-banner-min-container .title {
	font-size:22px;
	color:#fff;
	vertical-align:baseline;
	display:inline-block;
	padding-left:12px
}
.block-sub-banner .block-sub-banner-min-container .count {
	font-size:20px;
	color:red;
	margin-left:10px;
	vertical-align:baseline;
	display:inline-block
}
.block-sub-banner .block-sub-banner-min-container .content {
	font-size:12px;
	color:#fff;
	margin-left:10px;
	vertical-align:baseline;
	display:inline-block
}
.block-bar .block-bar-container {
	margin:0 auto;
	position:relative;
	display:flex;
	align-items:flex-end;
	justify-content:space-between
}
.block-bar .block-bar-container .block-bar-left {
	height:50px;
	line-height:50px;
	overflow-x:auto;
	overflow-y:hidden;
	scrollbar-width:none
}
.block-bar .block-bar-container .block-bar-left .block-bar-tab {
	display:flex;
	gap:20px;
	padding-left:10px
}
.block-bar .block-bar-container .block-bar-left .block-bar-tab li {
	height:100%;
	color:#a6a5ad;
	position:relative;
	font-size:14px;
	padding:0 8px;
	text-align:center
}
.block-bar .block-bar-container .block-bar-left .block-bar-tab li a {
	color:#a6a5ad;
	display:block;
	white-space:nowrap
}
.block-bar .block-bar-container .block-bar-left .block-bar-tab li.current a,.block-bar .block-bar-container .block-bar-left .block-bar-tab li:hover a {
	color:#fff
}
.block-bar .block-bar-container .block-bar-left .block-bar-tab li:after {
	content:' ';
	position:absolute;
	width:0;
	height:3px;
	background:#4A54FF;
	border-radius:999px;
	z-index:10;
	transition:width .1s ease-in-out;
	bottom:0;
	left:50%;
	transform:translate(-50%,0)
}
.block-bar .block-bar-container .block-bar-left .block-bar-tab li.current:after {
	width:100%
}
.block-bar .block-bar-container .block-bar-right {
	position:absolute;
	height:50px;
	right:0;
	bottom:0;
	transform:translateY(50%)
}
.block-bar .block-bar-container .block-bar-right .block-bar-sort {
	vertical-align:middle;
	display:inline-block
}
.block-bar .block-bar-container .block-bar-right .block-bar-sort li {
	float:left;
	width:70px;
	text-align:center;
	line-height:50px;
	color:#a6a5ad;
	cursor:pointer
}
.block-bar .block-bar-container .block-bar-right .block-bar-sort li.current {
	color:#fff
}
.block-bar .block-bar-container .block-bar-right .right-container {
	display:inline-block;
	vertical-align:middle;
	position:relative;
	width:78px;
	height:50px
}
.block-bar .block-bar-container .block-bar-right .right-container .block-radius-btn-group {
	position:absolute;
	top:0;
	right:15px
}
.block-bar .block-bar-container .block-bar-right .block-radius-btn-group {
	z-index:1;
	position:relative;
	display:inline-block;
	vertical-align:middle
}
.block-icon-list {
	display:grid;
	grid-template-columns:repeat(auto-fill,minmax(100px,1fr));
	grid-gap:26px 30px;
	justify-items:center;
	color:#666
}
.block-icon-list li {
	width:100px;
	height:105px;
	text-align:center;
	position:relative;
	overflow:visible;
	border:1px dashed transparent;
	border-radius:5px
}
.block-icon-list li .icon-name {
	display:block;
	width:100%;
	height:20px;
	line-height:20px;
	color:#666;
	font-size:12px;
	text-align:center;
	margin-top:15px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.block-icon-list li .icon-name.duplication {
	color:red
}
.block-icon-list li .icon-tag {
	color:#999;
	background:0 0;
	position:absolute;
	left:0;
	top:0
}
.block-icon-list li .icon-twrap {
	display:inline-block;
	margin-top:18px
}
.block-icon-list li .icon-cover {
	width:100%;
	height:100%;
	background:rgba(13,10,49,.9);
	position:absolute;
	top:0;
	left:0;
	z-index:100;
	overflow:hidden;
	vertical-align:middle;
	border-radius:5px;
	display:none;
	grid-template-columns:repeat(auto-fill,minmax(50%,max-content));
	justify-items:center
}
.illustration-detail-wrap,.swiper-container-cube,.swiper-container-flip {
	overflow:visible
}
.block-icon-list li .icon-cover>span:nth-child(1):nth-last-child(3),.block-icon-list li .icon-cover>span:nth-child(2):nth-last-child(2),.block-icon-list li .icon-cover>span:nth-child(3):nth-last-child(1) {
	grid-column:span 2
}
.block-icon-list li .icon-cover.icon-cover-freeze>span {
	grid-column:span 2
}
.block-icon-list li .icon-cover .cover-item {
	text-align:center;
	color:#fff;
	font-size:22px;
	cursor:pointer;
	width:100%;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center
}
.block-icon-list li .icon-cover .cover-item:hover {
	background:#0d0a31;
	color:#00F9E5
}
.block-icon-list li .icon-cover .cover-item-line {
	width:100%
}
.block-icon-list li .icon-cover.has-private .cover-item-line {
	display:inline-flex;
	justify-content:center;
	align-items:center
}
.block-icon-list li:hover .icon-cover {
	display:grid
}
.block-icon-list li.selected {
	border-color:#60606d
}
.block-icon-list li.selected .icon-gouwuche1:before {
	content:'\e642';
	color:#00F9E5!important
}
.block-icon-list li.favor .icon-shoucang1:before {
	content:'\e638';
	color:#00F9E5!important
}
.block-icon-list li .icon-select-cover {
	position:absolute;
	left:-1px;
	top:-1px;
	width:100%;
	height:100%;
	border:1px solid #eaeaea;
	display:none;
	border-radius:5px;
	cursor:pointer
}
.block-icon-list li .icon-select-cover.error {
	display:block;
	border-color:red
}
.block-icon-list.select-model li {
	border-color:#fcfcfc
}
.block-icon-list.select-model li .icon-cover {
	display:none!important
}
.block-icon-list.select-model li .icon-select-cover {
	display:block
}
.block-icon-list.select-model li .icon-select-cover.selected {
	border-color:red
}
.block-svg-list {
	display:grid;
	grid-template-columns:repeat(auto-fill,minmax(222px,1fr));
	gap:36px 40px;
	margin-top:20px
}
.block-svg-list:before {
	content:none
}
.block-svg-list li {
	margin:0;
	width:252px;
	height:278px;
	background-color:#fff;
	border-radius:8px;
	border:none;
	display:flex;
	flex-direction:column;
	align-items:center;
	transition:box-shadow .4s
}
.mod-collection-list,.mod-illustrations-wrap {
	margin-bottom:50px;
	display:grid;
	justify-content:space-between
}
.block-svg-list li:hover {
	box-shadow:1px 1px 10px 2px #CCC
}
.block-svg-list li:hover .icon-cover {
	top:auto;
	bottom:0;
	height:auto;
	display:flex!important
}
.block-svg-list li .icon-cover {
	border-radius:0 0 5px 5px
}
.block-svg-list li .icon-twrap {
	margin-top:18px;
	display:flex;
	align-items:center;
	justify-content:center;
	width:220px;
	height:220px;
	background-color:#f7f7f7
}
.block-svg-list li .icon-twrap img,.block-svg-list li .icon-twrap video {
	max-height:100%
}
.block-svg-list li .icon-name {
	margin-top:0;
	height:40px;
	line-height:40px;
	flex:1;
	display:flex;
	align-items:center;
	justify-content:center
}
.block-svg-list li .icon-cover .cover-item {
	height:40px;
	line-height:40px;
	width:100%
}
.block-auditing-list {
	width:100%
}
.block-auditing-list .auditing-item {
	display:flex;
	align-items:center
}
.block-auditing-list .btn {
	visibility:hidden
}
.block-auditing-list .btn+.btn {
	margin-left:10px
}
.block-auditing-list .icon-twrap {
	max-width:32px
}
.mod-icon-table {
	width:100%
}
.mod-icon-table th {
	color:#666;
	padding-top:15px
}
.mod-icon-table td,.mod-icon-table th {
	border:none
}
.mod-icon-table td {
	border-top:1px solid #ECECEC;
	padding-top:12px;
	padding-bottom:12px
}
.mod-icon-table tr {
	transition:background-color .2s ease-in-out
}
.mod-icon-table thead tr:hover {
	background-color:#f2f2f2
}
.mod-icon-table tbody tr:hover {
	background:#F7F9FF
}
.mod-icon-table tbody tr:hover .btn {
	visibility:visible
}
.illustration-detail-wrap {
	background-color:#fafafb
}
.page-illustrations-wrap {
	padding-top:50px
}
.mod-collection-list {
	grid-gap:45px 40px;
	grid-template-columns:repeat(auto-fill,minmax(316px,1fr));
	align-content:start
}
.mod-collection-list.small {
	grid-template-columns:repeat(auto-fill,minmax(274px,1fr));
	grid-gap:30px 32px
}
.mod-illustrations-wrap {
	text-align:left;
	grid-gap:45px 40px;
	grid-template-columns:repeat(auto-fill,minmax(346px,1fr))
}
.mod-illustrations-wrap .block-collection {
	padding-top:24px;
	width:360px;
	margin:0;
	display:flex;
	flex-direction:column
}
.mod-illustrations-wrap .svgs-container {
	flex:1;
	min-height:30px;
	max-height:360px
}
.mod-illustrations-wrap .secret-cover svg {
	max-width:160px
}
.mod-illustrations-wrap.small {
	grid-gap:30px 32px
}
.mod-illustrations-wrap.small .block-collection {
	width:304px
}
.mod-illustrations-wrap.small .block-illustration-list {
	grid-gap:20px
}
.mod-illustrations-wrap.small .icon-wrap {
	height:90px
}
.block-illustration-list {
	display:grid;
	grid-template-columns:repeat(3,minmax(70px,1fr));
	grid-gap:32px;
	justify-content:center
}
.block-illustration-list .icon-wrap {
	height:90px;
	display:flex;
	align-items:center;
	justify-content:center
}
.block-illustration-list img,.block-illustration-list video {
	max-width:100%;
	max-height:100%
}
.block-collection {
	box-sizing:border-box;
	justify-self:safe center;
	width:304px;
	padding:15px;
	background:#fff;
	border-radius:5px;
	text-align:center;
	vertical-align:top;
	transition:box-shadow .4s,transform .4s;
	position:relative;
	overflow:hidden
}
.block-collection:hover {
	transform:translateY(-2%);
	box-shadow:1px 1px 10px 2px #CCC;
	border-color:red
}
.block-collection>a {
	display:block
}
.block-collection .secret-tip {
	position:absolute;
	left:0;
	top:0;
	height:20px;
	line-height:20px;
	background:#99C84A;
	border-radius:0 100px 100px 0;
	padding:0 10px;
	color:#fff
}
.block-collection .secret-true {
	background-color:#FFB65E
}
.block-collection .collection-tip {
	position:absolute;
	z-index:10;
	right:14px;
	top:14px;
	transform:translateX(50%) rotate(45deg);
	transform-origin:top center;
	background:#f8b551;
	height:22px;
	line-height:22px;
	padding:0 25px;
	color:#fff;
	cursor:pointer
}
.block-collection .collection-tip-pending {
	background:#f8b551
}
.block-collection .icons-container {
	height:170px;
	cursor:pointer;
	overflow:hidden;
	position:relative;
	color:#666;
	display:block
}
.block-collection .icons-container .block-collection-list {
	display:grid;
	grid-template-columns:repeat(5,minmax(36px,1fr));
	grid-gap:11px 14px;
	justify-content:center
}
.block-collection .icons-container .block-collection-list li.icon-wrap {
	aspect-ratio:1;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	color:#666
}
.block-collection .icons-container .block-collection-list li.icon-wrap .icon {
	font-size:25px
}
.block-collection .icons-container .secret-cover {
	position:absolute;
	width:100%;
	height:100%;
	text-align:center
}
.block-collection .icons-container .secret-cover .iconfont {
	font-size:77px;
	margin-bottom:0;
	color:#777;
	margin-top:15px
}
.block-collection .icons-container .secret-cover .info {
	font-size:12px;
	color:#777;
	margin-top:5px
}
.block-collection .icons-container .secret-cover svg {
	width:103px;
	height:103px
}
.block-collection .collection-info {
	min-height:30px;
	line-height:1.2;
	text-align:left;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	gap:6px 10px
}
.block-collection .collection-info .info-item {
	color:#999;
	align-self:baseline
}
.block-collection .collection-info .info-item:nth-of-type(1) {
	cursor:default
}
.block-collection .collection-info .nick-name {
	display:inline-block;
	vertical-align:middle;
	overflow:hidden;
	max-width:100px;
	text-overflow:ellipsis;
	white-space:nowrap
}
.block-collection .collection-info .tools {
	display:flex
}
.block-collection .collection-info .num-red {
	font-size:14px;
	color:red;
	font-style:normal;
	margin-right:8px
}
.block-collection .collection-info .iconfont {
	font-size:16px;
	color:#999;
	vertical-align:0;
	margin-right:5px;
	display:inline-block
}
.block-collection .collection-info .actived,.block-collection .collection-info .icon-liked {
	color:#f29c9f
}
.block-collection .collection-info .btn-favorite {
	position:relative;
	display:inline-block;
	margin-right:10px
}
.block-collection .collection-info .btn-favorite .iconfont {
	margin-right:0
}
.block-collection .collection-info .icon-favorite:before {
	content:'\e814'
}
.block-collection .collection-info .actived:before {
	content:'\e815'
}
.block-collection .collection-info .icon-like:before {
	content:'\e66b'
}
.block-pagination {
	text-align:center;
	padding-bottom:20px;
	display:flex;
	justify-content:flex-end;
	align-items:baseline
}
.block-pagination ul {
	display:flex;
	flex-wrap:wrap;
	order:-1
}
.block-pagination ul a,.block-pagination ul span {
	color:#666;
	font-size:14px;
	display:inline-block;
	padding:0 12px;
	height:32px;
	line-height:32px;
	margin-right:6px;
	cursor:pointer;
	border-radius:99px;
	transition:background-color .2s
}
.block-pagination ul a:hover {
	background:#eaeaea
}
.block-pagination ul .next,.block-pagination ul .prev {
	font-family:iconfont;
	background:0 0!important;
	color:#666!important;
	font-size:16px;
	vertical-align:0
}
.block-pagination ul .next.current,.block-pagination ul .prev.current {
	color:#ccc!important
}
.block-pagination ul .current {
	color:#fff;
	background:center center #4A54FF;
	background-image:linear-gradient(315deg,#6772FF 0,#00F9E5 100%);
	background-size:104% 104%
}
.block-pagination .total {
	white-space:nowrap
}
.form_search .suggest-box {
	display:none;
	overflow:hidden;
	min-width:160px;
	position:absolute;
	left:0;
	top:35px;
	width:auto;
	background-color:#fff;
	border-radius:2px;
	box-shadow:0 2px 8px 1px rgba(0,0,0,.2);
	z-index:999
}
.form_search .suggest-box em {
	color:red;
	font-style:normal
}
.form_search .suggest-box .dropdown-menu li {
	float:none;
	margin:0
}
.form_search .suggest-box .dropdown-menu li .item {
	padding:9px 20px 9px 13px;
	line-height:12px;
	display:block;
	white-space:nowrap
}
.form_search .suggest-box .dropdown-menu li.active {
	background-color:#f2f2f5
}
.form_search .suggest-box .dropdown-menu li.active a {
	color:red
}
.form_search .suggest-box .icons-box {
	border-bottom:1px solid #f2f2f5
}
.form_search .suggest-box .users-box dl {
	padding:5px 13px;
	line-height:31px
}
.form_search .suggest-box .users-box dl dt {
	float:left
}
.form_search .suggest-box .users-box dl dt a {
	display:block
}
.form_search .suggest-box .users-box dl dd {
	margin-left:40px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden
}
.form_search .suggest-box .users-box dl dd a {
	display:block
}
.block-radius-btn-group {
	font-size:0;
	text-align:center
}
.block-radius-btn-group .radius-btn {
	width:50px;
	height:50px;
	display:inline-block;
	vertical-align:middle;
	border-radius:50%;
	text-align:center;
	line-height:50px;
	font-size:24px;
	color:#fff;
	margin-left:15px;
	cursor:pointer;
	position:relative;
	background:center center #4A54FF;
	background-image:linear-gradient(315deg,#6772FF 0,#00F9E5 100%);
	background-size:104% 104%
}
.block-radius-btn-group .radius-btn .drop-wrap {
	width:50px;
	height:0;
	overflow:hidden;
	line-height:43px;
	padding-top:50px;
	border-radius:25px;
	display:inline-block;
	transition:all .2s linear;
	position:absolute;
	top:0;
	z-index:-1;
	left:0;
	background:center center #4A54FF;
	background-image:linear-gradient(315deg,#6772FF 0,#00F9E5 100%);
	background-size:104% 104%
}
.block-radius-btn-group .radius-btn .drop-wrap .drop-item {
	display:inline-block;
	font-size:30px;
	color:#999;
	margin:2px 5px;
	line-height:30px
}
.block-radius-btn-group .radius-btn .drop-wrap .drop-item.current,.block-radius-btn-group .radius-btn .drop-wrap .drop-item:hover {
	color:#fff
}
.block-radius-btn-group .radius-btn:hover .drop-wrap {
	height:auto;
	padding-bottom:20px
}
.block-radius-btn-group .radius-btn:hover .drop-wrap-two {
	height:90px
}
.block-radius-btn-group .radius-btn:hover .drop-wrap-three {
	height:110px
}
.block-radius-btn-group .radius-btn-search {
	color:#fff;
	width:auto;
	border-radius:25px;
	min-width:50px;
	height:50px;
	line-height:50px;
	display:inline-block;
	position:relative;
	overflow:hidden
}
.block-radius-btn-group .radius-btn-search::-webkit-input-placeholder {
	opacity:0;
	color:#FFF
}
.block-radius-btn-group .radius-btn-search::-moz-placeholder {
	opacity:0;
	color:#FFF
}
.block-radius-btn-group .radius-btn-search:-ms-input-placeholder {
	opacity:0;
	color:#FFF
}
.block-radius-btn-group .radius-btn-search:-moz-placeholder {
	opacity:0;
	color:#FFF
}
.block-radius-btn-group .radius-btn-search .inner-search-input {
	display:inline-block;
	background:0 0;
	border:none;
	color:#fff;
	padding-left:20px;
	line-height:50px!important;
	height:50px;
	box-sizing:border-box;
	vertical-align:4px;
	font-size:16px;
	width:50px;
	transition:all .3s ease-in-out
}
.block-radius-btn-group .radius-btn-search .iconfont {
	font-size:22px;
	position:absolute;
	right:0;
	top:0;
	width:50px;
	height:50px;
	border-radius:50%;
	text-align:center
}
.block-radius-btn-group .radius-btn-search-in::-webkit-input-placeholder {
	opacity:.8;
	color:#FFF
}
.block-radius-btn-group .radius-btn-search-in::-moz-placeholder {
	opacity:.8;
	color:#FFF
}
.block-radius-btn-group .radius-btn-search-in:-ms-input-placeholder {
	opacity:.8;
	color:#FFF
}
.block-radius-btn-group .radius-btn-search-in:-moz-placeholder {
	opacity:.8;
	color:#FFF
}
.block-radius-btn-group .radius-btn-search-in .inner-search-input {
	display:inline-block;
	width:180px;
	padding-right:50px
}
.block-radius-btn-group .radius-btn-dianzan {
	background-color:#f49c9e;
	position:relative;
	z-index:99
}
.block-radius-btn-group .radius-btn-dianzan>span {
	display:block
}
.block-radius-btn-group .radius-btn-dianzan .iconfont {
	display:block;
	font-size:24px
}
.block-radius-btn-group .radius-btn-dianzan .icon-dianzan:before {
	content:'\e66b'
}
.block-radius-btn-group .radius-btn-dianzan .actived:before {
	content:'\e61a'
}
.block-radius-btn-group .radius-btn-dianzan .animation {
	position:absolute;
	top:-14px;
	right:-15px
}
.block-radius-btn-group .radius-btn-like {
	background-color:#ea4c89;
	position:relative;
	z-index:99
}
.block-radius-btn-group .radius-btn-like>span {
	display:block
}
.block-radius-btn-group .radius-btn-like .iconfont {
	display:block;
	font-size:24px
}
.block-radius-btn-group .radius-btn-like .icon-favorite:before {
	content:'\e814'
}
.block-radius-btn-group .radius-btn-like .actived:before {
	content:'\e815'
}
.block-radius-btn-group .radius-btn-upload {
	background:#6fb1f9;
	color:#fff
}
.block-radius-btn-group .radius-btn-sort {
	color:#fff;
	background:center center #4A54FF;
	background-image:linear-gradient(315deg,#6772FF 0,#00F9E5 100%);
	background-size:104% 104%
}
.block-radius-btn-group .radius-btn-sort .drop-wrap {
	line-height:30px
}
.block-radius-btn-group .radius-btn-sort .drop-wrap .drop-item {
	display:inline-block;
	font-size:12px;
	color:rgba(255,255,255,.5);
	margin:0 5px;
	line-height:18px
}
.block-radius-btn-group .radius-btn-new,.block-radius-btn-group .radius-btn-sort .drop-wrap .drop-item:hover {
	color:#fff
}
.block-radius-btn-group .radius-btn-inner {
	color:#fff;
	width:100%;
	height:100%;
	display:block;
	border-radius:50%;
	z-index:12;
	position:relative;
	font-size:19px
}
.block-radius-btn-group .radius-btn-share {
	color:#fff
}
.block-radius-btn-group .radius-btn-share .drop-wrap {
	z-index:10
}
.block-radius-btn-group .radius-btn-money {
	color:#fff;
	font-size:27px;
	line-height:50px
}
.block-radius-btn-group .radius-btn-money .iconfont {
	font-size:27px
}
.block-color-manage .color-block-lists {
	width:270px;
	margin-left:24px
}
.block-color-manage .color-block-lists li {
	width:28px;
	height:28px;
	float:left;
	text-indent:-50px;
	overflow:hidden
}
.block-color-manage .manage-mid-wrap {
	margin-top:25px;
	padding-left:20px
}
.block-color-manage .manage-mid-wrap .color-picker-wrap {
	position:relative;
	width:100px;
	height:30px;
	margin-right:8px
}
.block-color-manage .manage-mid-wrap .color-picker-wrap:before {
	content:'#';
	display:inline-block;
	position:absolute;
	left:6px;
	top:-2px;
	font-size:16px;
	color:#666
}
.block-color-manage .manage-mid-wrap .color-picker-wrap .pick-input {
	width:100px;
	padding-left:20px;
	border:1px solid #eaeaea
}
.block-color-manage .manage-mid-wrap .color-picker-wrap .color-picker-item {
	position:absolute;
	right:7px;
	top:-2px;
	background:#666;
	width:20px;
	height:20px;
	cursor:pointer;
	border:1px solid #ccc;
	box-sizing:border-box
}
.block-color-manage .manage-mid-wrap .size-pick-wrap {
	position:relative
}
.block-color-manage .manage-mid-wrap .size-pick-wrap .size-input {
	height:30px;
	line-height:30px!important;
	width:70px;
	border:1px solid #eaeaea;
	font-size:14px;
	color:#666;
	padding-left:11px
}
.block-color-manage .manage-mid-wrap .size-pick-wrap .size-select {
	position:absolute;
	top:23px;
	left:0;
	border:1px solid #eaeaea;
	width:68px;
	border-radius:2px;
	background:#fff;
	display:none;
	z-index:2
}
.block-color-manage .manage-mid-wrap .size-pick-wrap .size-select li.size-item {
	height:30px;
	line-height:30px;
	text-align:left;
	color:#666;
	font-size:14px;
	padding-left:10px;
	cursor:pointer
}
.block-color-manage .manage-mid-wrap .size-pick-wrap .size-select li.size-item:hover {
	background:red;
	color:#fff
}
.block-color-manage .manage-mid-wrap .size-pick-wrap .arrow-down {
	position:absolute;
	right:10px;
	top:0;
	color:#666;
	font-size:12px
}
.block-color-manage .manage-mid-wrap .show-size-select .size-select {
	display:block
}
.block-alert,.block-confirm,.block-info,.block-message {
	background:#fff!important;
	border:none!important;
	box-shadow:0 0 20px rgba(0,0,0,.3);
	color:#333;
	text-align:center;
	padding-top:15px;
	padding-bottom:15px;
	border-radius:5px
}
.block-alert .mp-e2e-title,.block-confirm .mp-e2e-title,.block-info .mp-e2e-title,.block-message .mp-e2e-title {
	display:none
}
.block-alert .mp-e2e-buttons,.block-confirm .mp-e2e-buttons,.block-info .mp-e2e-buttons,.block-message .mp-e2e-buttons {
	border-top:none;
	position:absolute;
	text-align:center;
	width:100%;
	bottom:20px;
	box-sizing:border-box;
	left:0;
	display:flex;
	justify-content:center;
	gap:20px
}
.block-alert .mp-e2e-body,.block-confirm .mp-e2e-body,.block-info .mp-e2e-body,.block-message .mp-e2e-body {
	padding:30px;
	font-size:14px;
	line-height:1.6
}
.block-message .mp-e2e-dialog-close {
	right:0;
	top:0;
	font-size:20px;
	color:#666;
	height:42px;
	width:42px
}
.block-info .mp-e2e-buttons {
	display:none
}
.block-transfer {
	padding-top:20px
}
.block-transfer .title {
	font-size:20px;
	top:20px;
	position:absolute
}
.block-transfer .transfer-waring {
	color:red;
	font-size:12px;
	margin-bottom:10px
}
.block-transfer .transfer-waring .iconfont {
	margin-right:10px
}
.block-transfer .transfer-btn-groups {
	position:absolute;
	bottom:15px
}
.block-input-wrap {
	width:275px;
	height:36px;
	border:1px solid #e7e7e7;
	border-radius:4px
}
.block-input-wrap .input {
	width:100%;
	background:0 0;
	border:none
}
.block-input-wrap .user-item {
	display:inline-block;
	padding:4px 8px;
	background:#fbe7e6;
	border-radius:2px;
	margin:5px 10px 7px 5px
}
.block-input-wrap .user-item .iconfont {
	font-size:12px;
	margin-left:5px;
	cursor:pointer;
	color:red
}
.block-switch-loading {
	height:1px;
	overflow:hidden;
	background-color:#3773F7;
	display:block;
	position:fixed;
	_position:absolute;
	left:0;
	top:0;
	width:0%;
	z-index:999999
}
.block-global-tip {
	position:fixed;
	left:50%;
	transform:translateX(-50%);
	top:108px;
	text-align:center;
	font-size:14px;
	line-height:1.5;
	z-index:12345678
}
.block-global-tip .tip-box {
	padding:.6em 30px;
	font-size:14px;
	border-radius:4px;
	max-width:32em;
	display:flex;
	align-items:center
}
.block-global-tip .tip-box .iconfont {
	margin-right:12px;
	font-size:24px;
	vertical-align:-4px
}
.block-global-tip .tip-box .text {
	text-align:left
}
.block-global-tip .tip-box a {
	color:inherit;
	text-decoration:underline;
	margin-left:.5em
}
.block-global-tip .error {
	background:#e7cac6;
	color:#a22525
}
.block-global-tip .error .iconfont:before {
	content:'\e601'
}
.block-global-tip .ok {
	background:#F7F4F0;
	color:#f80
}
.block-global-tip .ok .iconfont:before {
	content:'\e601'
}
.block-global-tip .success {
	background:#ececec;
	color:#46a229
}
.block-global-tip .success .iconfont:before {
	content:'\e6b3';
	color:#46a229
}
.block-no-result {
	text-align:center;
	font-size:20px;
	min-height:70px;
	line-height:70px
}
.block-login-wrap {
	background-color:transparent!important
}
.block-login-wrap .mp-e2e-content {
	background-color:transparent
}
.block-login-wrap .mp-e2e-body,.block-login-wrap .mp-e2e-title {
	padding:0
}
.block-login-wrap .login-top {
	padding-top:30px;
	height:170px;
	box-shadow:0 8px 6px -6px #828282;
	border-radius:6px 6px 0 0;
	background:#1f1b4e;
	background:-webkit-gradient(linear,right top,left bottom,from(#1f1c4e),to(#2f1247));
	text-align:center
}
.block-login-wrap .login-top .index-logo {
	display:block;
	width:120px;
	margin:0 auto 10px
}
.block-login-wrap .login-top span .iconfont {
	font-size:90px;
	position:relative;
	top:-45px;
	color:#fff
}
.block-login-wrap .login-choose {
	position:relative;
	text-align:center;
	font-size:14px;
	margin:24px 0 50px
}
.block-login-wrap .login-choose .line {
	top:10px
}
.block-login-wrap .login-div ul {
	*zoom:1
}
.block-login-wrap .login-div ul:after,.block-login-wrap .login-div ul:before {
	display:table;
	content:""
}
.block-login-wrap .login-div ul:after {
	clear:both
}
.block-login-wrap .login-div ul li {
	float:left;
	width:133px;
	text-align:center
}
.block-login-wrap .login-div ul li .iconfont {
	display:block;
	margin:0 auto 10px;
	font-size:60px;
	opacity:.6
}
.block-login-wrap .login-div ul li span {
	color:#959595
}
.block-login-wrap .login-div ul li:hover span {
	color:#666
}
.block-login-wrap .login-div ul li .github {
	color:#a1d885
}
.block-login-wrap .login-div ul li .github:hover {
	color:#63be34;
	opacity:1
}
.block-login-wrap .login-div ul li .ali {
	color:#ffbc67
}
.block-login-wrap .login-div ul li .ali:hover {
	color:#ff9001;
	opacity:1
}
.block-login-wrap .login-div ul li .weibo {
	color:#ef8575
}
.block-login-wrap .login-div ul li .weibo:hover {
	color:#e44419;
	opacity:1
}
.block-login-wrap .line {
	position:absolute;
	width:90px;
	height:1px;
	background:#f8f8f9
}
.block-login-wrap .left {
	left:20px
}
.block-login-wrap .right {
	right:20px
}
.block-login-wrap .login-failure {
	position:relative;
	text-align:center;
	margin-top:60px;
	font-size:12px;
	color:#bebebe
}
.block-login-wrap .login-failure .line {
	top:8px
}
.block-login-wrap .login-failure span {
	cursor:pointer
}
.block-login-wrap .login-failure:hover {
	color:#666
}
.block-login-wrap .login-help {
	display:none;
	text-align:center;
	line-height:3.5;
	color:#333
}
.block-alipay-wrap {
	position:relative;
	text-align:center;
	background:#fff!important;
	border:none!important;
	box-shadow:none!important
}
.block-alipay-wrap .avatar-special {
	position:absolute;
	top:-104px;
	left:0;
	z-index:-1;
	width:100%;
	text-align:center
}
.block-alipay-wrap .avatar-special .avatar-special-inner {
	position:absolute;
	width:86px;
	max-height:86px;
	left:49%;
	top:10px;
	margin-left:-43px;
	border-radius:50%;
	z-index:-1
}
.block-alipay-wrap .avatar-special .avatar-special-cover {
	left:0;
	z-index:10;
	position:relative;
	top:-13px
}
.block-alipay-wrap .code {
	margin:16px auto;
	font-size:20px;
	line-height:30px;
	color:#777
}
.block-alipay-wrap .fa,.block-no-results.small .message {
	margin-top:10px
}
.block-alipay-wrap .code img {
	width:100%;
	max-height:200px;
	object-fit:contain;
	aspect-ratio:.64285714
}
.block-alipay-wrap .bottom-info,.block-alipay-wrap .top-info {
	font-size:12px;
	color:#777;
	text-align:center
}
.block-alipay-wrap .bottom-info .iconfont,.block-alipay-wrap .top-info .iconfont {
	font-size:27px;
	margin-right:15px;
	vertical-align:-6px
}
.block-alipay-wrap .fa:hover span {
	color:#666
}
.block-alipay-wrap .fa .line {
	margin:0 auto;
	width:300px;
	height:1px;
	background:#eaeaea
}
.block-alipay-wrap .fa span {
	position:relative;
	display:inline-block;
	background:#FFF;
	width:150px;
	top:-10px;
	font-size:12px;
	color:#bebebe;
	cursor:pointer
}
.block-alipay-wrap .fa p {
	position:relative;
	left:10px;
	text-align:center;
	color:#777;
	max-width:260px;
	margin-left:auto;
	margin-right:auto
}
.block-alipay-wrap .fa a {
	color:red
}
.block-sidebar {
	position:fixed;
	display:none;
	left:50%;
	margin-left:600px;
	top:350px;
	width:60px;
	z-index:99
}
.block-sidebar .block-sidebar-item {
	font-size:50px;
	color:rgba(204,204,204,.5);
	text-align:center;
	line-height:50px;
	margin-bottom:20px;
	cursor:pointer;
	display:block
}
.block-sidebar .block-sidebar-item .icon-car-count {
	right:0;
	top:-8px;
	left:auto
}
.block-sidebar .block-sidebar-item:hover {
	color:#b5b5b5
}
.block-sidebar .block-sidebar-item:hover img {
	opacity:.76!important
}
@media (max-width:1330px) {
	.block-sidebar {
	left:inherit;
	right:2%;
	margin-left:0
}
}.block-no-results {
	display:block;
	width:100%;
	text-align:center;
	padding-top:50px
}
.block-no-results.small {
	padding-top:20px
}
.block-no-results.small img,.block-no-results.small svg {
	width:80px
}
.block-no-results~.block-pagination {
	display:none
}
.block-no-results img,.block-no-results svg {
	width:160px
}
.block-no-results .message {
	font-size:16px;
	margin-top:20px;
	color:#666;
	text-align:center
}
.block-no-results.small .message,.login {
	font-size:14px
}
.block-no-results.small img {
	width:120px
}
.block-404 {
	display:block;
	width:100%;
	text-align:center;
	padding-top:50px
}
.block-404 svg {
	width:400px;
	height:400px
}
.block-404 .message {
	font-size:16px;
	margin-top:-100px;
	color:#666;
	text-align:center
}
.block-legal .mp-e2e-title {
	padding:0
}
.block-legal .mp-e2e-body {
	padding:20px 30px
}
.block-legal .legal-ok {
	margin-top:24px;
	text-align:center
}
.block-legal .btn-red {
	display:inline-block
}
.block-search-filter {
	background:#f0f0f0
}
.block-search-filter.is-admin {
	border-top:1px solid #ddd;
	background:#fff9e3
}
.block-search-filter .block-search-filter-content {
	box-sizing:border-box;
	padding:16px 12px;
	display:flex;
	align-items:center;
	gap:16px 20px
}
.block-search-filter .block-search-filter-content .search-filter-item {
	max-width:120px;
	border-radius:999px
}
.block-search-filter .block-search-filter-content .block-tag-filter {
	display:flex;
	align-items:center;
	margin-left:90px
}
.block-search-filter .block-search-filter-content .btn-group {
	margin-left:auto;
	display:flex;
	align-items:center
}
.block-search-filter .block-search-filter-content .checkbox {
	display:flex;
	align-items:center;
	user-select:none
}
.block-search-filter .block-search-filter-content .checkbox label {
	padding:1em .25em
}
.block-search-filter .block-search-filter-content .btn {
	margin-left:20px
}
.block-search-filter .block-search-filter-content .tag-item {
	text-align:center;
	width:70px;
	height:35px;
	display:flex;
	align-items:center;
	justify-content:center;
	cursor:pointer;
	color:#7f7f7f;
	border-radius:999px
}
.block-search-filter .block-search-filter-content .current {
	background:center center #4A54FF;
	background-image:linear-gradient(315deg,#6772FF 0,#00F9E5 100%);
	background-size:104% 104%;
	color:#fff
}
.block-floating {
	position:relative;
	animation-name:floating;
	-webkit-animation-name:floating;
	animation-duration:1s;
	-webkit-animation-duration:1s;
	animation-iteration-count:infinite;
	-webkit-animation-iteration-count:infinite
}
.tbackground {
	background-position:0 0,5px 5px!important;
	background-size:10px 10px!important;
	background-image:linear-gradient(45deg,#eee 25%,transparent 25%,transparent 75%,#eee 75%,#eee 100%),linear-gradient(45deg,#eee 25%,#fff 25%,#fff 75%,#eee 75%,#eee 100%)!important
}
.t-current {
	color:#6272d6
}
@keyframes floating {
	0%,100% {
	top:0
}
50% {
	top:5px
}
}.mod-user-role {
	height:36px;
	line-height:36px;
	padding-top:20px;
	position:relative;
	color:#999
}
.mod-user-role+.page-collection-detail-wrap {
	padding-top:0
}
.mod-user-role .user-text {
	display:inline-flex;
	align-items:center;
	font-size:12px;
	color:#999;
	cursor:pointer
}
.mod-user-role .user-log {
	margin-right:8px;
	font-size:16px;
	color:#999
}
.mod-user-role .user-num {
	margin-left:3px
}
.mod-user-role .avatar {
	width:24px;
	height:24px;
	border-radius:999px;
	margin-right:5px
}
.mod-user-role .user-down {
	font-size:12px;
	color:#999;
	margin-left:10px
}
:not(#\9):not(#\9) .mod-audit-status {
	height:auto;
	line-height:1.5;
	top:100%
}
:not(#\9):not(#\9) .mod-audit-status .iconfont {
	color:#f8b551;
	margin-right:3px
}
:not(#\9):not(#\9) .mod-audit-status .icon-shenhejujue {
	color:#f73528
}
:not(#\9):not(#\9) .mod-audit-status .icon-shenhetongguo {
	color:#8fc31f
}
:not(#\9):not(#\9) .mod-audit-retry {
	height:auto;
	line-height:1.5;
	top:130%;
	cursor:pointer
}
:not(#\9):not(#\9) .mod-audit-retry .iconfont {
	margin-right:3px
}
:not(#\9):not(#\9) .mod-audit-retry .icon-shangchuan1 {
	color:#6272D6
}
.user-avatars-container {
	overflow-y:auto;
	height:330px
}
.user-avatars-container .user-avatar {
	display:inline-block;
	margin:5px 10px 5px 0;
	border:2px solid transparent;
	position:relative
}
.user-avatars-container .user-avatar img {
	width:40px;
	height:40px;
	border-radius:50%
}
.user-avatars-container .user-avatar .choice-icon {
	position:absolute;
	right:-4px;
	bottom:-4px;
	width:14px;
	height:14px
}
.user-avatars-container .user-avatar .choice-icon .iconfont {
	background:#FFF;
	display:block;
	border:1px solid #9095A1;
	border-radius:50%;
	width:12px;
	height:12px
}
.swiper-button-lock,.swiper-pagination-lock,.swiper-scrollbar-lock {
	display:none
}
.user-avatars-container .user-avatar .choice-icon .iconfont::before {
	display:none;
	color:#fff;
	line-height:14px;
	font-size:12px;
	text-align:center
}
.user-avatars-container .user-avatar-selected {
	background:linear-gradient(white,#fff) padding-box,linear-gradient(to bottom,#28c5ef,#5787fb) border-box;
	border-radius:50%;
	border:2px solid transparent
}
.user-avatars-container .user-avatar-selected .choice-icon .iconfont {
	background:#385ACC;
	background-image:linear-gradient(-9deg,#6772FF 0,#00F9E5 100%);
	border-width:0;
	height:14px;
	width:14px
}
.user-avatars-container .user-avatar-selected .choice-icon .iconfont::before {
	display:block
}
.user-avatars-container .tips {
	font-size:12px;
	color:#666
}
.user-avatars-container .tips .iconfont {
	font-size:12px
}
.user-avatars-container .custom-avatar {
	width:90px;
	margin:16px 0 6px 30px
}
.user-avatars-container .custom-avatar .upload-img {
	width:90px;
	height:90px;
	border-radius:50%;
	display:block
}
.swiper-slide,.swiper-wrapper {
	height:100%;
	position:relative
}
.user-avatars-container .custom-avatar .upload-btn-container {
	position:relative;
	margin:0 auto;
	text-align:center
}
.user-avatars-container .custom-avatar .upload-btn-container:hover {
	color:#4a54ff
}
.user-avatars-container .custom-avatar .upload-btn {
	width:100%;
	height:100%;
	position:absolute;
	opacity:0;
	left:0;
	top:0
}
.swiper-container {
	margin-left:auto;
	margin-right:auto;
	position:relative;
	overflow:hidden;
	list-style:none;
	padding:0;
	z-index:1
}
.swiper-container-no-flexbox .swiper-slide {
	float:left
}
.swiper-container-vertical>.swiper-wrapper {
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column
}
.swiper-wrapper {
	width:100%;
	z-index:1;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-transition-property:-webkit-transform;
	-o-transition-property:transform;
	transition-property:transform;
	transition-property:transform,-webkit-transform;
	-webkit-box-sizing:content-box;
	box-sizing:content-box
}
.swiper-container-android .swiper-slide,.swiper-wrapper {
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
.swiper-container-multirow>.swiper-wrapper {
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
.swiper-container-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function:ease-out;
	-o-transition-timing-function:ease-out;
	transition-timing-function:ease-out;
	margin:0 auto
}
.swiper-slide {
	-webkit-flex-shrink:0;
	-ms-flex-negative:0;
	flex-shrink:0;
	width:100%;
	-webkit-transition-property:-webkit-transform;
	-o-transition-property:transform;
	transition-property:transform;
	transition-property:transform,-webkit-transform
}
.swiper-slide-invisible-blank {
	visibility:hidden
}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
	height:auto
}
.swiper-container-autoheight .swiper-wrapper {
	-webkit-box-align:start;
	-webkit-align-items:flex-start;
	-ms-flex-align:start;
	align-items:flex-start;
	-webkit-transition-property:height,-webkit-transform;
	-o-transition-property:transform,height;
	transition-property:transform,height;
	transition-property:transform,height,-webkit-transform
}
.swiper-container-3d {
	-webkit-perspective:1200px;
	perspective:1200px
}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
	-webkit-transform-style:preserve-3d;
	transform-style:preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	pointer-events:none;
	z-index:10
}
.swiper-container-3d .swiper-slide-shadow-left {
	background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
	background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-right {
	background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
	background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-top {
	background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
	background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
	background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper {
	-ms-touch-action:pan-y;
	touch-action:pan-y
}
.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper {
	-ms-touch-action:pan-x;
	touch-action:pan-x
}
.swiper-button-next,.swiper-button-prev {
	position:absolute;
	top:50%;
	width:27px;
	height:44px;
	margin-top:-22px;
	z-index:10;
	cursor:pointer;
	background-size:27px 44px;
	background-position:center;
	background-repeat:no-repeat
}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
	opacity:.35;
	cursor:auto;
	pointer-events:none
}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
	background-image:url("data:image/svg+xml;
	charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	left:10px;
	right:auto
}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
	background-image:url("data:image/svg+xml;
	charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	right:10px;
	left:auto
}
.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {
	background-image:url("data:image/svg+xml;
	charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {
	background-image:url("data:image/svg+xml;
	charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {
	background-image:url("data:image/svg+xml;
	charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {
	background-image:url("data:image/svg+xml;
	charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-pagination {
	position:absolute;
	text-align:center;
	-webkit-transition:.3s opacity;
	-o-transition:.3s opacity;
	transition:.3s opacity;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	z-index:10
}
.swiper-pagination.swiper-pagination-hidden {
	opacity:0
}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
	bottom:10px;
	left:0;
	width:100%
}
.swiper-pagination-bullets-dynamic {
	overflow:hidden;
	font-size:0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transform:scale(.33);
	-ms-transform:scale(.33);
	transform:scale(.33);
	position:relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	-webkit-transform:scale(.66);
	-ms-transform:scale(.66);
	transform:scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	-webkit-transform:scale(.33);
	-ms-transform:scale(.33);
	transform:scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	-webkit-transform:scale(.66);
	-ms-transform:scale(.66);
	transform:scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	-webkit-transform:scale(.33);
	-ms-transform:scale(.33);
	transform:scale(.33)
}
.swiper-pagination-bullet {
	width:8px;
	height:8px;
	display:inline-block;
	border-radius:100%;
	background:rgba(255,255,255,.4)
}
button.swiper-pagination-bullet {
	border:none;
	margin:0;
	padding:0;
	-webkit-box-shadow:none;
	box-shadow:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor:pointer
}
.swiper-scrollbar-cursor-drag,.swiper-slide-zoomed {
	cursor:move
}
.swiper-pagination-bullet-active {
	opacity:1;
	background:#fff
}
.swiper-container-vertical>.swiper-pagination-bullets {
	right:100px;
	top:50%;
	-webkit-transform:translate3d(0,-50%,0);
	transform:translate3d(0,-50%,0)
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin:13px 0;
	display:block
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	width:8px
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display:inline-block;
	-webkit-transition:.2s top,.2s -webkit-transform;
	-o-transition:.2s transform,.2s top;
	transition:.2s transform,.2s top;
	transition:.2s transform,.2s top,.2s -webkit-transform
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin:0 4px
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left:50%;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
	white-space:nowrap
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transition:.2s left,.2s -webkit-transform;
	-o-transition:.2s transform,.2s left;
	transition:.2s transform,.2s left;
	transition:.2s transform,.2s left,.2s -webkit-transform
}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transition:.2s right,.2s -webkit-transform;
	-o-transition:.2s transform,.2s right;
	transition:.2s transform,.2s right;
	transition:.2s transform,.2s right,.2s -webkit-transform
}
.swiper-pagination-progressbar {
	background:rgba(0,0,0,.25);
	position:absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background:#007aff;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	-webkit-transform:scale(0);
	-ms-transform:scale(0);
	transform:scale(0);
	-webkit-transform-origin:left top;
	-ms-transform-origin:left top;
	transform-origin:left top
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	-webkit-transform-origin:right top;
	-ms-transform-origin:right top;
	transform-origin:right top
}
.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width:100%;
	height:4px;
	left:0;
	top:0
}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar {
	width:4px;
	height:100%;
	left:0;
	top:0
}
.swiper-pagination-white .swiper-pagination-bullet-active {
	background:#fff
}
.swiper-pagination-progressbar.swiper-pagination-white {
	background:rgba(255,255,255,.25)
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
	background:#fff
}
.swiper-pagination-black .swiper-pagination-bullet-active {
	background:#000
}
.swiper-pagination-progressbar.swiper-pagination-black {
	background:rgba(0,0,0,.25)
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
	background:#000
}
.swiper-scrollbar {
	border-radius:10px;
	position:relative;
	-ms-touch-action:none;
	background:rgba(0,0,0,.1)
}
.swiper-container-horizontal>.swiper-scrollbar {
	position:absolute;
	left:1%;
	bottom:3px;
	z-index:50;
	height:5px;
	width:98%
}
.swiper-container-vertical>.swiper-scrollbar {
	position:absolute;
	right:3px;
	top:1%;
	z-index:50;
	width:5px;
	height:98%
}
.swiper-scrollbar-drag {
	height:100%;
	width:100%;
	position:relative;
	background:rgba(0,0,0,.5);
	border-radius:10px;
	left:0;
	top:0
}
.swiper-zoom-container {
	width:100%;
	height:100%;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	text-align:center
}
.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
	max-width:100%;
	max-height:100%;
	-o-object-fit:contain;
	object-fit:contain
}
.swiper-lazy-preloader {
	width:42px;
	height:42px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-21px;
	margin-top:-21px;
	z-index:10;
	-webkit-transform-origin:50%;
	-ms-transform-origin:50%;
	transform-origin:50%;
	-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;
	animation:swiper-preloader-spin 1s steps(12,end) infinite
}
.swiper-lazy-preloader:after {
	display:block;
	content:'';
	width:100%;
	height:100%;
	background-image:url("data:image/svg+xml;
	charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-position:50%;
	background-size:100%;
	background-repeat:no-repeat
}
.swiper-lazy-preloader-white:after {
	background-image:url("data:image/svg+xml;
	charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
@-webkit-keyframes swiper-preloader-spin {
	100% {
	-webkit-transform:rotate(360deg);
	transform:rotate(360deg)
}
}@keyframes swiper-preloader-spin {
	100% {
	-webkit-transform:rotate(360deg);
	transform:rotate(360deg)
}
}.swiper-container .swiper-notification {
	position:absolute;
	left:0;
	top:0;
	pointer-events:none;
	opacity:0;
	z-index:-1000
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	-webkit-transition-timing-function:ease-out;
	-o-transition-timing-function:ease-out;
	transition-timing-function:ease-out
}
.swiper-container-fade .swiper-slide {
	pointer-events:none;
	-webkit-transition-property:opacity;
	-o-transition-property:opacity;
	transition-property:opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events:none
}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events:auto
}
.swiper-container-cube .swiper-slide {
	pointer-events:none;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	z-index:1;
	visibility:hidden;
	-webkit-transform-origin:0 0;
	-ms-transform-origin:0 0;
	transform-origin:0 0;
	width:100%;
	height:100%
}
.swiper-container-cube .swiper-slide .swiper-slide {
	pointer-events:none
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
	-webkit-transform-origin:100% 0;
	-ms-transform-origin:100% 0;
	transform-origin:100% 0
}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active {
	pointer-events:auto
}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
	pointer-events:auto;
	visibility:visible
}
.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {
	z-index:0;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden
}
.swiper-container-cube .swiper-cube-shadow {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:.6;
	-webkit-filter:blur(50px);
	filter:blur(50px);
	z-index:0
}
.swiper-container-flip .swiper-slide {
	pointer-events:none;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	z-index:1
}
.swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events:none
}
.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events:auto
}
.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
	z-index:0;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden
}
.swiper-container-coverflow .swiper-wrapper {
	-ms-perspective:1200px
}
.wechat-back {
	color:#666;
	cursor:pointer;
	padding:1em 1em 0;
	width:100%
}
.wechat-back .iconfont {
	color:#999
}
.wechat-qr-code-tips {
	text-align:center;
	color:#666
}
.wechat-qr-code-tips strong {
	color:#222;
	margin-left:.25em
}
.wechat-qr-code {
	position:relative;
	display:flex;
	justify-content:center;
	min-height:220px
}
.wechat-qr-code .qr-code {
	width:220px
}
.wechat-qr-code .wechat-qr-code-refresh {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	text-align:center;
	color:#333;
	backdrop-filter:blur(5px);
	background-color:rgba(255,255,255,.6);
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0
}
.wechat-qr-code .wechat-qr-code-refresh .btn-wechat-qr-code-refresh {
	cursor:pointer;
	padding:10px 20px
}
.wechat-qr-code .wechat-qr-code-refresh .text {
	padding:0 1em 1em;
	color:red
}
.login {
	min-height:460px;
	width:472px;
	margin:36px auto;
	background:#fff;
	overflow:hidden;
	box-shadow:0 0 6px 0 rgba(0,0,0,.2)
}
.login * {
	box-sizing:border-box
}
.login .login-form-main {
	display:grid;
	justify-content:center;
	grid-template-columns:minmax(auto,322px)
}
.login .login-form-logo {
	width:100%;
	height:180px;
	display:flex;
	align-items:center;
	justify-content:center;
	background-color:#201B4F;
	background-image:linear-gradient(180deg,#404040 0,#1E1E1E 100%),linear-gradient(126deg,#201B4F 15%,#0B0930 100%);
	border-radius:12px 12px 0 0;
	box-shadow:0 2px 7px 0 #211B4F
}
.login .iconfont-logo {
	width:118px;
	margin-top:-20px
}
.login .login-form-main {
	margin:26px 0;
	position:relative
}
.login .login-form-info {
	display:none;
	text-align:center
}
.login .login-form-info .login-form-info-title {
	margin-top:24px;
	margin-bottom:30px;
	font-size:18px;
	color:#333
}
.login .login-form-info p {
	margin-bottom:60px
}
.login .login-form {
	display:flex;
	flex-direction:column;
	align-items:center
}
.login .login-form .form-tab-header {
	display:flex;
	margin-bottom:10px
}
.login .login-form .form-tab-title {
	position:relative;
	z-index:1;
	height:30px;
	line-height:30px;
	padding-right:25px;
	cursor:pointer
}
.login .login-form .form-tab-title:after {
	content:'';
	display:block;
	width:100%;
	height:2px;
	background-color:red
}
.login .login-form .form-title {
	font-size:20px;
	text-align:center
}
.login .login-form .form-checkbox {
	margin-right:.5em
}
.login .third-login {
	margin-top:30px
}
.login .third-login-row {
	margin-top:8px;
	display:flex;
	align-items:center;
	flex-wrap:wrap
}
.login .third-login-row>a {
	display:flex;
	align-items:center
}
.login .third-login-row .iconfont {
	font-size:28px;
	margin-right:.25em;
	cursor:pointer
}
.login .third-login-row .github {
	color:rgba(161,216,133,.6)
}
.login .third-login-row .github:hover {
	color:#63be34
}
.login .third-login-row .weibo {
	color:rgba(239,133,117,.6)
}
.login .third-login-row .weibo:hover {
	color:#e44419
}
.login .third-login-row .icon-wechat {
	color:rgba(40,196,69,.6)
}
.login .third-login-row .icon-wechat.active,.login .third-login-row .icon-wechat:hover {
	color:#28c445
}
.login .third-login-row .ali {
	color:rgba(255,188,103,.6)
}
.login .third-login-row .ali:hover {
	color:#ff9001
}
.login .third-login-list {
	display:flex;
	align-items:center
}
.login .third-login-list>li {
	margin-right:10px
}
.login .third-login-block-list {
	display:flex;
	justify-content:space-evenly;
	width:100%;
	margin-top:10px
}
.login .third-login-block-list a {
	display:flex;
	flex-direction:column;
	align-items:center
}
.login .third-login-title {
	margin-right:20px;
	color:#333
}
.login .third-login-info {
	color:#999
}
.login .login-footer {
	margin-top:20px;
	text-align:center
}
.login .login-footer a {
	color:#4A54FF
}
.login .login-footer a+a {
	margin-left:.5em
}
.login .login-footer a+a:before {
	content:'';
	display:inline-block;
	vertical-align:middle;
	height:.9em;
	width:1px;
	margin-right:.5em;
	background-color:#ddd
}
.login-wxsys {
	width:710px
}
.login-wxsys .login-form-logo {
	height:226px
}
.login-wxsys .login-form-main {
	grid-template-columns:auto
}
.login-wxsys .login-form-main .login-form-row {
	display:flex;
	justify-content:center
}
.login-wxsys .login-form-desc {
	flex:1;
	padding:30px 40px;
	color:#fff;
	line-height:30px;
	font-weight:300
}
.login-wxsys .login-form-desc .iconfont-logo {
	width:380px
}
.login-wxsys .login-form-video {
	height:226px;
	width:239px;
	border-bottom-left-radius:60px;
	overflow:hidden
}
.login-form-row {
	color:#666;
	width:100%;
	padding:10px 40px
}
.login-form-row a,.login-form-row a:hover {
	color:#4A56DD
}
.login-form-row .bold {
	font-weight:700;
	color:#000;
	margin:0 6px
}
.login-form-row .login-form-desc-ul {
	list-style:inherit;
	margin-left:20px
}
.login-form-row .login-form-desc-ul li {
	margin:10px 0
}
.login-form-row .mx-form-btn {
	width:150px
}
.login-form-row a.mx-form-btn {
	color:#fff
}
.login-form-warn {
	background-color:#FFF9E3;
	border-radius:4px;
	padding:10px 20px;
	font-size:14px;
	color:#333
}
.login-form-warn .icon-tips {
	margin-right:5px;
	color:#FFA003
}
@media screen and (max-width:768px) {
	:not(#\9) .wrap {
	width:100%
}
:not(#\9) .top-tip {
	display:none!important
}
:not(#\9) .mx-form-input,:not(#\9) .mx-form-select {
	font-size:14px
}
:not(#\9) .login {
	width:96vw;
	margin-top:0;
	box-shadow:none
}
:not(#\9) .login .login-form-logo {
	display:none
}
:not(#\9) .login .login-form-main {
	padding:0 12px
}
:not(#\9) .login .mx-form-row {
	width:100%
}
:not(#\9) .login .wechat-qr-code {
	min-height:auto
}
:not(#\9) .mx-account-dialog .mx-modal-body {
	padding:20px 12px
}
:not(#\9) body:has(.block-login-wrap) .mp-e2e-mask,:not(#\9) body:has(.mx-account-dialog) .mp-e2e-mask {
	background-color:#fff!important;
	opacity:1!important
}
:not(#\9) .block-login-wrap,:not(#\9) .mx-account-dialog {
	width:100vw;
	position:fixed;
	left:0!important;
	top:60px!important;
	display:flex;
	justify-content:center;
	align-items:center
}
:not(#\9) .block-login-wrap .mp-e2e-content,:not(#\9) .mx-account-dialog .mp-e2e-content {
	height:auto!important;
	width:auto!important
}
:not(#\9) .block-login-wrap .mx-modal-footer,:not(#\9) .mx-account-dialog .mx-modal-footer {
	position:static
}
:not(#\9) .block-login-wrap .mp-e2e-dialog-close,:not(#\9) .mx-account-dialog .mp-e2e-dialog-close {
	right:20px;
	top:0;
	color:#333
}
:not(#\9) .block-alipay-wrap .avatar-special {
	top:-126px
}
:not(#\9) .block-pagination {
	flex-direction:column;
	row-gap:12px
}
:not(#\9) .block-pagination ul {
	width:100%;
	justify-content:center
}
:not(#\9) .block-pagination .total {
	text-align:center;
	width:100%
}
:not(#\9) .simple-pagination {
	padding-right:0
}
:not(#\9) .block-search-filter.is-admin {
	display:none
}
:not(#\9) .block-search-filter-content {
	flex-wrap:wrap
}
:not(#\9) .block-search-filter-content .block-tag-filter {
	width:100%;
	margin-left:0;
	overflow-x:auto;
	overflow-y:hidden;
	scrollbar-width:none
}
:not(#\9) .block-search-filter-content .tag-item {
	flex:none;
	width:52px
}
:not(#\9) .search-batch-bar {
	display:none;
	top:-118px;
	right:0;
	transform:none;
	justify-content:flex-end
}
:not(#\9) header .bind-tips {
	display:none
}
:not(#\9) header .site-nav {
	border-bottom:1px solid #555
}
:not(#\9) header .site-nav .logo {
	flex:1;
	margin-left:auto;
	margin-right:auto
}
:not(#\9) header .site-nav .logo img {
	max-width:130px
}
:not(#\9) header .site-nav .head-dropdown {
	left:auto;
	right:0
}
:not(#\9) header .site-nav .signin {
	padding:.5em
}
:not(#\9) .block-bar-right {
	display:none
}
:not(#\9) .block-bar .block-bar-container .block-bar-left .block-bar-tab li:after {
	bottom:0
}
:not(#\9) .footer {
	display:none
}
:not(#\9) .site-nav .btn-site-menu {
	display:inline-flex
}
:not(#\9) .site-nav .btn-site-menu .iconfont {
	font-size:26px;
	color:#eee
}
:not(#\9) .site-nav .btn-site-menu-close {
	display:inline-flex;
	position:absolute;
	right:0;
	top:1px;
	height:56px;
	color:#fff;
	z-index:100
}
:not(#\9) .site-nav .btn-site-menu-close .iconfont {
	font-size:20px
}
:not(#\9) nav {
	position:fixed;
	z-index:299999;
	top:0;
	left:0;
	transform:translateX(-101%);
	width:70vw;
	height:100vh;
	padding-top:12px;
	box-sizing:border-box;
	background:#1e1e1e
}
:not(#\9) nav.show {
	transform:translateX(0)
}
:not(#\9) nav.show .head-dropdown,:not(#\9) nav.show .library-dropdown {
	display:grid;
	grid-template-columns:repeat(auto-fill,minmax(auto,9em));
	column-gap:10px;
	width:100%;
	position:static;
	height:auto;
	padding-bottom:12px;
	padding-left:12px;
	box-sizing:border-box;
	box-shadow:none
}
:not(#\9) nav.show .head-dropdown *,:not(#\9) nav.show .library-dropdown * {
	min-width:0;
	min-height:0
}
:not(#\9) nav.show .head-dropdown .lib-sub>a,:not(#\9) nav.show .library-dropdown .lib-sub>a {
	padding:3px 12px;
	line-height:1.2
}
:not(#\9) nav.show .head-dropdown .lib-sub-title,:not(#\9) nav.show .library-dropdown .lib-sub-title {
	display:grid;
	grid-template-columns:max-content auto;
	align-items:center;
	gap:6px;
	font-size:14px;
	margin-top:6px;
	margin-bottom:6px
}
:not(#\9) nav.show .head-dropdown .lib-sub-title img,:not(#\9) nav.show .library-dropdown .lib-sub-title img {
	max-width:22px;
	order:-1
}
:not(#\9) nav.show .head-dropdown .lib-sub-title div,:not(#\9) nav.show .library-dropdown .lib-sub-title div {
	margin-bottom:0
}
:not(#\9) nav .nav-item-link {
	height:42px;
	padding-left:12px;
	padding-right:12px
}
:not(#\9) nav li:first-child:hover,:not(#\9) nav li:last-child:hover {
	border-radius:0
}
:not(#\9) .nav-list {
	flex-direction:column
}
:not(#\9) .nav-list .nav-item {
	padding:0
}
:not(#\9) .nav-list .nav-item:not(:first-child) {
	border-top:1px solid #555
}
:not(#\9) .nav-list .head-dropdown>:not(.my-likes):not(.help-sub) {
	display:none
}
:not(#\9) .page-home #swiper-container1 {
	margin-top:20px;
	width:100%;
	height:auto;
	min-width:0;
	aspect-ratio:4.18181818
}
:not(#\9) .page-home #swiper-container1 .swiper-img-pc {
	display:none
}
:not(#\9) .page-home #swiper-container1 .swiper-img-mobile {
	display:block
}
:not(#\9) .page-home .rec-cards .card-content .recommendContent {
	overflow-x:auto;
	overflow-y:hidden
}
:not(#\9) .page-home .rec-cards {
	width:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:16px
}
:not(#\9) .page-home .rec-cards .rec-card {
	width:auto;
	margin-top:12px;
	margin-bottom:20px;
	margin-left:22px
}
:not(#\9) .page-home .rec-cards .cards-bg {
	width:100%
}
:not(#\9) .page-home .rec-cards .card-content {
	width:100vw
}
:not(#\9) .page-home .rec-cards .tabs-btn {
	box-sizing:border-box;
	width:100%;
	margin:0;
	padding-left:12px;
	padding-right:12px
}
:not(#\9) .page-home .rec-cards .tabs-btn ul {
	display:flex;
	gap:20px;
	justify-content:space-between
}
:not(#\9) .page-home .rec-cards .tabs-btn ul .tab-text {
	font-size:12px;
	width:auto;
	white-space:nowrap;
	left:auto;
	margin-top:0;
	display:flex;
	justify-content:center;
	position:relative
}
:not(#\9) .page-home .rec-cards .tabs-btn ul .tab-btn {
	width:52px;
	margin-right:0
}
:not(#\9) .page-home .rec-cards .tabs-btn ul .tab-btn img {
	width:auto;
	height:auto
}
:not(#\9) .page-home .search-wrap {
	padding-left:12px;
	padding-right:12px;
	margin-top:0
}
:not(#\9) .page-home .search-wrap .search-box {
	width:100%;
	height:36px
}
:not(#\9) .page-home .search-wrap .search-drop {
	height:28px;
	padding:0 20px
}
:not(#\9) .page-home .search-wrap .search-input {
	padding:0 .5em;
	font-size:14px!important
}
:not(#\9) .page-home .search-wrap .search-dropdown {
	top:30px
}
:not(#\9) .page-home .search-wrap .search-dropdown>div {
	padding:10px 0
}
:not(#\9) .page-home .search-wrap .dropdown-arrow {
	right:4px;
	font-size:16px
}
:not(#\9) .page-home .search-wrap .search-input-cover {
	font-size:12px
}
:not(#\9) .page-home .search-wrap .num {
	font-size:18px
}
:not(#\9) .page-home .search-wrap .chameleon {
	width:46px;
	height:46px
}
:not(#\9) .page-home .section:not(.swiper-container) {
	height:auto;
	min-width:0;
	aspect-ratio:1.30666667;
	background-size:contain
}
:not(#\9) .page-home .section:not(.swiper-container)>div {
	width:100%
}
:not(#\9) .page-home .section:not(.swiper-container)>div canvas,:not(#\9) .page-home .section:not(.swiper-container)>div video {
	top:30vw;
	width:56vw
}
:not(#\9) .page-home .section0 {
	padding-left:12px;
	padding-right:12px;
	aspect-ratio:auto!important;
	padding-bottom:12px
}
:not(#\9) .page-home .section0 .title {
	font-size:clamp(16px,2.864583vw,22px)
}
:not(#\9) .page-home .section0 .img-list {
	grid-template-columns:repeat(3,1fr);
	gap:12px;
	padding-bottom:18px
}
:not(#\9) .page-home .section0 .img-list li {
	padding-bottom:18px
}
:not(#\9) .page-home .section0 .img-list .sub-title {
	margin-top:18px;
	margin-bottom:0
}
:not(#\9) .page-home .section0 .info {
	display:none
}
:not(#\9) .page-home .section1 {
	background-size:contain;
	aspect-ratio:1.30666667;
	height:auto;
	min-width:0
}
:not(#\9) .page-home .section1 .section1_1 {
	width:100%
}
:not(#\9) .page-home .section2_1 img {
	right:0vw;
	top:30vw;
	width:50vw
}
:not(#\9) .block-sidebar {
	display:none!important
}
:not(#\9) .mod-collection-list,:not(#\9) .page-illustrations-wrap {
	grid-gap:30px 20px;
	padding-top:30px;
	padding-left:22px;
	padding-right:22px
}
:not(#\9) .block-collection {
	width:100%
}
:not(#\9) .mod-collection-list .block-collection .icons-container {
	height:auto
}
:not(#\9) .block-collection .block-collection-list .icon-wrap {
	width:auto;
	height:auto
}
:not(#\9) .block-collection .block-collection-list .icon {
	font-size:4rem
}
:not(#\9) .page-collection-detail-wrap {
	padding-top:10px
}
:not(#\9) .block-sub-banner .block-sub-banner-container .right-content {
	margin-left:10px
}
:not(#\9) .mod-user-role {
	display:none
}
:not(#\9) .block-comment {
	margin-top:10px;
	padding:40px 10px
}
:not(#\9) .block-comment form {
	display:none
}
:not(#\9) .block-comment .operation-area .reply,:not(#\9) .block-comment .reply-area .reply-reply {
	display:none
}
:not(#\9) .block-comment textarea {
	padding:1em 10px
}
:not(#\9) .page-collection-detail-wrap .block-radius-btns {
	padding-bottom:20px
}
:not(#\9) .face-popover-inner {
	min-width:200px;
	margin-left:auto;
	margin-right:auto
}
:not(#\9) .face-popover {
	left:0;
	right:0;
	position:fixed;
	bottom:175px
}
:not(#\9) .icon-gouwuche1,:not(#\9) .icon-xiazai {
	display:none
}
:not(#\9) .page-userdetail-container {
	padding-top:0
}
:not(#\9) .block-sub-banner .block-sub-banner-container .right-content .hd .btn {
	margin-left:0
}
:not(#\9) .block-sub-banner:not(:has(.block-sub-banner-min-container)) .block-bar .block-bar-left {
	background:#1e1e1e;
	margin-left:-140px
}
:not(#\9) .block-sub-banner-container .avatar-special {
	align-self:baseline;
	transform:scale(.8)
}
:not(#\9) .page-manage-container .manage-right-top {
	display:none
}
:not(#\9) .page-manage-container .block-icon-list {
	grid-gap:26px 20px
}
:not(#\9) .page-manage-container .block-icon-list li {
	width:100%;
	height:auto
}
:not(#\9) .page-manage-container .mod-collection-list,:not(#\9) .page-manage-container .page-manage-right {
	padding-top:0
}
:not(#\9) .page-manage-container .page-manage-left {
	width:100%;
	position:relative;
	top:0
}
:not(#\9) .page-manage-container .page-manage-left .block-left-nav {
	display:flex;
	gap:12px;
	justify-content:space-between;
	border-right:0;
	width:100%;
	padding:0 8px;
	box-sizing:border-box;
	overflow-x:auto;
	overflow-y:hidden;
	scrollbar-width:none
}
:not(#\9) .page-manage-container .page-manage-left .block-left-nav .nav-container {
	padding-left:0;
	padding-right:0;
	margin-bottom:0
}
:not(#\9) .page-manage-container .page-manage-left .block-left-nav .nav-title {
	white-space:nowrap;
	margin-bottom:0;
	padding:16px 0
}
:not(#\9) .page-manage-container .page-manage-left .block-left-nav .nav-title.current {
	font-weight:700
}
:not(#\9) .page-manage-container .page-manage-left .block-left-nav .iconfont {
	position:static;
	margin-right:.25em
}
:not(#\9) .page-manage-container .page-manage-right {
	margin-left:0
}
:not(#\9) .mod-tab.vertical .tab-list {
	flex-direction:row
}
:not(#\9) .mod-tab.vertical .tab-list li {
	padding:0 8px
}
:not(#\9) .mod-tab.vertical {
	padding:12px 10px;
	min-width:0;
	right:0;
	margin-bottom:0;
	overflow-x:auto;
	overflow-y:hidden;
	scrollbar-width:none
}
:not(#\9) .page-user-center {
	width:100%;
	gap:10px;
	flex-direction:column;
	padding-top:12px
}
:not(#\9) .page-user-center .form-container {
	min-width:0
}
:not(#\9) .page-user-center .form-container .form {
	padding:12px
}
:not(#\9) .page-user-center .form-element {
	padding-left:0;
	grid-template-columns:5em minmax(auto,400px);
	column-gap:.5em
}
:not(#\9) .page-user-center .form-element .form-title {
	text-align:left
}
:not(#\9) .page-user-center .form-element .input,:not(#\9) .page-user-center .form-element .textarea {
	width:100%
}
:not(#\9) .page-user-center .mx-form-radio label {
	margin-right:10px
}
:not(#\9) .page-notifications {
	flex-direction:column;
	width:100%;
	margin-top:0
}
:not(#\9) .page-notifications .header-setting {
	position:static;
	padding-top:6px;
	padding-bottom:6px
}
:not(#\9) .notification-view {
	margin-left:0
}
:not(#\9) .mama-font-banner {
	background-position:top right;
	height:auto;
	padding:20px 12px
}
:not(#\9) .m-my-tab-item {
	display:none
}
:not(#\9) .chat-detail-view {
	transition:transform .3s ease
}
:not(#\9) .chat-detail-view .btn-show-room-list {
	display:inline-flex;
	max-width:max-content;
	padding-left:8px;
	padding-right:12px
}
:not(#\9) .chat-detail-view.show-room {
	transform:translateX(220px)
}
:not(#\9) .chat-detail-view.show-room .chat-main {
	-webkit-user-select:none;
	user-select:none
}
:not(#\9) .chat-detail-view.show-room .chat-main .chat-mask {
	display:block;
	position:absolute;
	z-index:10;
	inset:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.3)
}
:not(#\9) .chat-room-list {
	margin-left:-220px
}
:not(#\9) .page-notifications-banner {
	display:none
}
:not(#\9) .face-popover-arrow {
	left:50px;
	display:none
}
:not(#\9) .floatlayer {
	position:fixed;
	z-index:99999;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border-radius:0
}
:not(#\9) .page-manage-likes .icon-shoucang1 {
	grid-column:span 2
}
:not(#\9) .help-articles {
	width:100%;
	margin-top:20px;
	box-sizing:border-box;
	padding:0 12px
}
:not(#\9) .help-article-content,:not(#\9) .help-article-markdown {
	width:100%;
	box-sizing:border-box
}
:not(#\9) .help-article-content {
	margin-top:0;
	padding:16px 12px
}
:not(#\9) .markdown h1 {
	font-size:22px
}
:not(#\9) .markdown h2 {
	font-size:20px
}
:not(#\9) .markdown h3 {
	font-size:18px
}
:not(#\9) .markdown>* {
	width:100%
}
:not(#\9) .page-help {
	display:flex;
	flex-direction:column
}
:not(#\9) .page-help .help-contents,:not(#\9) .page-help .help-contents-code {
	padding:10px 12px
}
:not(#\9) .page-help .help-navs-container {
	position:relative!important;
	padding:10px 12px;
	margin-bottom:16px;
	width:100%;
	min-height:0;
	display:grid;
	grid-template-columns:repeat(auto-fill,minmax(8.2em,max-content));
	gap:0 12px;
	justify-content:space-between;
	box-sizing:border-box;
	background:#fff;
	border-bottom:solid 1px #ddd
}
:not(#\9) .page-help .help-navs-container .help-nav {
	margin-bottom:0
}
:not(#\9) .page-help .help-navs-container .iconfont {
	margin-right:0;
	width:auto
}
:not(#\9) .page-help .help-contents {
	padding-top:0;
	margin-left:0
}
:not(#\9) .page-help .scroll-to-fixed-fixed+div {
	display:none!important
}
}@media screen and (max-width:730px) {
	:not(#\9) .mod-collection-list,:not(#\9) .page-illustrations-wrap {
	grid-template-columns:1fr;
	padding-left:12px;
	padding-right:12px
}
}.planet-wrap {
	width:100%;
	height:100%;
	left:0;
	top:0
}
.planet-wrap .planet {
	position:absolute;
	width:100px;
	height:100px;
	right:0;
	top:0;
	opacity:.3;
	border-radius:50%;
	display:none
}
.planet-wrap .planet-1 {
	width:474px;
	height:474px;
	right:100px;
	top:-395px;
	background:linear-gradient(90deg,#ff5a25,#ff005a);
	transition:all 1s linear
}
.planet-wrap .planet-2 {
	width:90px;
	height:90px;
	right:100px;
	top:220px;
	opacity:.1;
	background:linear-gradient(90deg,#ffd000,#f90);
	transition:all .6s linear
}
.planet-wrap .planet-3 {
	width:60px;
	height:60px;
	right:330px;
	top:395px;
	opacity:.07;
	background:linear-gradient(-90deg,#271e5b,#0d76ef);
	transition:all .4s linear
}
.planet-wrap .planet-8 {
	width:25px;
	height:25px;
	right:445px;
	top:136px;
	opacity:.07;
	background:linear-gradient(-90deg,#bd4c86,#c864ae);
	transition:all .5s linear
}
.planet-wrap .planet-9 {
	width:135px;
	height:135px;
	right:432px;
	top:-136px;
	opacity:.3;
	background:linear-gradient(0deg,#ff5a25,#ff005a);
	z-index:999
}
.planet-wrap .planet-10 {
	width:25px;
	height:25px;
	right:278px;
	top:41px;
	opacity:.3;
	background:linear-gradient(-90deg,#bd4c86,#c864ae)
}
.planet-wrap .planet-11 {
	width:78px;
	height:78px;
	right:577px;
	top:108px;
	opacity:.3;
	background:linear-gradient(-90deg,#00d5c8,#00b481)
}
.planet-wrap .planet-12 {
	width:90px;
	height:90px;
	right:-23px;
	top:95px;
	opacity:.3;
	background:linear-gradient(-90deg,#271e5b,#0d76ef)
}
.edit-dialog {
	background-color:#fafafb!important
}
.edit-dialog .mp-e2e-title {
	display:none
}
.edit-dialog .mp-e2e-body {
	padding:30px 56px;
	color:#333
}
.edit-dialog .mp-e2e-body .top-title {
	margin:0 0 30px;
	font-size:12px;
	color:#777
}
.edit-dialog .mp-e2e-body .top-title .item {
	margin-right:25px
}
.edit-dialog .mp-e2e-body .top-title .title {
	color:#777
}
.edit-dialog .mp-e2e-body .top-title .link-text {
	font-weight:700
}
.edit-dialog .mp-e2e-body .top-title .icon-title {
	font-size:18px;
	display:inline-block;
	color:#333
}
.edit-dialog .mp-e2e-body .top-title .icon-title .name {
	font-size:20px;
	margin-right:10px
}
.edit-dialog .mp-e2e-body .top-title .divid {
	width:1px;
	height:20px;
	background:#e8e8e8;
	margin:0 25px;
	display:inline-block;
	vertical-align:middle;
	position:relative;
	top:-2px
}
.edit-dialog .mp-e2e-body .top-title strong {
	color:#333
}
.edit-dialog .mp-e2e-body .svg-container {
	background:#dededf;
	width:400px;
	height:400px;
	line-height:400px;
	position:relative;
	float:left
}
.edit-dialog .mp-e2e-body .svg-container svg {
	max-width:100%
}
.edit-dialog .mp-e2e-body .svg-container .hLine {
	background-repeat:repeat-x;
	width:100%;
	height:1px
}
.edit-dialog .mp-e2e-body .svg-container .vLine {
	background-repeat:repeat-y;
	height:100%;
	width:1px
}
.edit-dialog .mp-e2e-body .svg-container .hLine,.edit-dialog .mp-e2e-body .svg-container .vLine {
	position:absolute;
	background-color:#fff
}
.edit-dialog .mp-e2e-body .svg-container .edit_grid .border {
	z-index:100;
	background-color:#fff
}
.edit-dialog .mp-e2e-body .svg-container .icon-container {
	width:100%;
	height:100%;
	position:relative;
	z-index:2
}
.edit-dialog .mp-e2e-body .svg-container .icon-container svg {
	width:400px!important;
	height:400px!important
}
.edit-dialog .mp-e2e-body .svg-container .icon-container svg path.selected {
	stroke:#666;
	stroke-dasharray:20;
	stroke-width:5
}
.edit-dialog .mp-e2e-body .svg-container .icon-container svg path {
	cursor:pointer
}
.edit-dialog .mp-e2e-body .svg-container:hover .container-reload {
	display:block
}
.edit-dialog .mp-e2e-body .svg-manage {
	margin-left:46px;
	float:left;
	width:350px
}
.edit-dialog .mp-e2e-body .svg-manage .manage-element {
	margin-bottom:25px;
	color:#777
}
.edit-dialog .mp-e2e-body .svg-manage .manage-element label {
	width:70px;
	display:inline-block;
	text-align:left
}
.edit-dialog .mp-e2e-body .svg-manage .manage-element .manage-content {
	display:inline-block;
	position:relative;
	-webkit-user-select:none
}
.edit-dialog .mp-e2e-body .svg-manage .manage-element .manage-content .change-value {
	position:absolute;
	right:-25px;
	top:-8px;
	font-size:14px;
	color:#333
}
.edit-dialog .mp-e2e-body .svg-manage .manage-element .manage-upload {
	color:#4A54FF;
	position:relative
}
.edit-dialog .mp-e2e-body .svg-manage .manage-element .manage-upload .iconfont {
	font-size:20px;
	vertical-align:-2px;
	margin-right:10px
}
.edit-dialog .mp-e2e-body .svg-manage .manage-element .manage-upload .upload-btn {
	position:absolute;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
	cursor:pointer
}
.edit-dialog .mp-e2e-body .svg-manage .manage-element .manage-transform .iconfont {
	font-size:38px;
	vertical-align:middle;
	margin-right:32px;
	color:#ccc;
	cursor:pointer
}
.edit-dialog .mp-e2e-body .svg-manage .manage-element .manage-transform .iconfont:hover {
	color:#4A54FF
}
.edit-dialog .mp-e2e-body .svg-manage .manage-element .color-block-lists {
	margin-left:0;
	width:360px
}
.edit-dialog .mp-e2e-body .svg-manage .manage-element .color-block-lists li {
	border:none;
	width:24px;
	height:24px
}
.edit-dialog .mp-e2e-body .svg-manage .manage-element .block-color-manage {
	margin-top:20px;
	position:relative
}
.edit-dialog .mp-e2e-body .svg-manage .manage-element .color-block-lists.histroy {
	width:215px;
	height:24px;
	display:inline-block
}
.edit-dialog .mp-e2e-body .svg-manage .manage-element .manage-mid-wrap {
	margin-top:-4px;
	padding-left:20px;
	position:absolute;
	right:-17px;
	top:0
}
.edit-dialog .content-wrap {
	text-align:center;
	display:flex;
	justify-content:space-between;
	grid-gap:30px
}
.edit-dialog .content-wrap .content-item {
	display:flex;
	align-items:center;
	flex:1;
	text-align:left
}
.edit-dialog .content-wrap .content-item .input {
	display:block;
	width:210px;
	max-width:220px;
	margin-top:5px;
	font-size:14px
}
.edit-dialog .content-wrap .content-item .small-input {
	width:130px
}
.edit-dialog .content-wrap .content-cell+.content-cell {
	margin-left:10px
}
.edit-dialog .content-wrap .content-item-upload {
	margin:0 30px
}
.edit-dialog .content-wrap .content-item-upload .input {
	width:180px;
	margin-top:5px
}
.edit-dialog .line {
	display:none;
	width:910px;
	height:1px;
	background:#e8e8e8;
	left:-56px;
	position:relative;
	margin-top:40px
}
.edit-dialog .btn-wrap {
	margin-top:20px;
	text-align:center
}
.download-illustration-dialog:not(#\9) .mp-e2e-body {
	padding:0;
	display:flex;
	flex-direction:column;
	height:100%;
	justify-content:space-between
}
.download-illustration-dialog:not(#\9) .mp-e2e-body .download-content {
	flex:1;
	min-height:600px
}
.download-illustration-dialog:not(#\9) .mp-e2e-body .download-btns {
	position:static;
	padding-top:20px;
	padding-bottom:20px
}
.download-illustration-dialog:not(#\9) .mp-e2e-body .top-info {
	margin-top:16px;
	margin-bottom:12px
}
.download-illustration-dialog:not(#\9) .mp-e2e-body .top-info .avatar {
	width:40px;
	height:40px
}
.download-illustration-dialog:not(#\9) .mp-e2e-body .top-info .info-empty {
	margin-left:0
}
.download-illustration-dialog:not(#\9) .mp-e2e-body .info-text {
	margin-bottom:0
}
.download-illustration-dialog:not(#\9) .mp-e2e-body .top-info-content {
	margin-left:12px
}
.download-illustration-dialog:not(#\9) iframe {
	position:absolute;
	width:100%;
	height:100%;
	border:none;
	z-index:9;
	opacity:0
}
.download-illustration-dialog:not(#\9) iframe.showIn {
	animation:showIn .36s both ease-in-out 1
}
@keyframes showIn {
	to {
	opacity:1
}
}.download-illustration-dialog:not(#\9) .svg-box {
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center
}
.download-illustration-dialog:not(#\9) .svg-box img {
	max-height:100%
}
.download-illustration-dialog:not(#\9) .info-footer {
	display:flex;
	align-items:baseline
}
.download-illustration-dialog:not(#\9) .info-item {
	display:flex;
	align-items:baseline
}
.download-illustration-dialog:not(#\9) .right-info {
	margin-left:32px
}
.download-illustration-dialog:not(#\9) .right-info .info-item-hd {
	margin-right:.25em
}
.download-illustration-dialog:not(#\9) .right-info .text {
	color:#666
}
.download-illustration-dialog:not(#\9) .right-info .divide {
	margin-left:.25em;
	margin-right:.25em
}
.download-illustration-dialog:not(#\9) .download-header {
	padding:16px 36px 0
}
.download-dialog {
	background-color:#fafafb!important
}
.download-dialog .mp-e2e-title {
	display:none
}
.download-dialog .mp-e2e-body {
	padding:20px 87px;
	color:#333
}
.download-dialog .mp-e2e-body .top-title {
	margin:0;
	font-size:20px;
	color:#333;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	overflow:hidden
}
.download-dialog .mp-e2e-body .link-text {
	display:inline-block;
	margin-bottom:8px;
	font-size:12px
}
.download-dialog .mp-e2e-body a.link-text {
	cursor:pointer
}
.download-dialog .mp-e2e-body a.link-text:hover {
	color:#4A54FF
}
.download-dialog .mp-e2e-body .info-empty {
	color:#666;
	margin-left:42px
}
.download-dialog .mp-e2e-body .top-info {
	position:relative;
	margin:20px 0;
	display:flex
}
.download-dialog .mp-e2e-body .top-info .avatar {
	width:60px;
	height:60px;
	border-radius:50%
}
.download-dialog .mp-e2e-body .top-info .avatar img {
	border-radius:31px!important
}
.download-dialog .mp-e2e-body .top-info .top-info-content {
	margin-left:26px;
	flex:1
}
.download-dialog .mp-e2e-body .top-info .top-info-content .info-text {
	color:#999;
	font-size:12px;
	display:block;
	margin-bottom:6px
}
.download-dialog .mp-e2e-body .download-content {
	margin:0;
	position:relative
}
.download-dialog .mp-e2e-body .download-content .left-stage-container {
	width:450px;
	background:#fafafa
}
.download-dialog .mp-e2e-body .download-content .left-stage-container .stage {
	width:434px;
	height:270px;
	line-height:270px;
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:center;
	background:#fff;
	border-radius:8px;
	overflow:hidden
}
.download-dialog .mp-e2e-body .download-content .left-stage-container .stage img {
	width:100%;
	object-fit:contain;
	max-height:100%
}
.download-dialog .mp-e2e-body .download-content .left-stage-container .stage .icon {
	font-size:200px
}
.download-dialog .mp-e2e-body .download-content .left-stage-container .stage svg path.selected {
	stroke:#666;
	stroke-dasharray:20;
	stroke-width:5
}
.download-dialog .mp-e2e-body .download-content .left-stage-container .stage svg path {
	cursor:pointer
}
.download-dialog .mp-e2e-body .download-content .left-stage-container .stage:hover .container-reload {
	display:block
}
.download-dialog .mp-e2e-body .download-content .left-stage-container .statge-manage {
	position:relative;
	height:83px
}
.download-dialog .mp-e2e-body .download-content .left-stage-container .statge-manage .color-block-lists {
	width:450px;
	margin-left:0
}
.download-dialog .mp-e2e-body .download-content .left-stage-container .statge-manage .color-block-lists li {
	border:none;
	width:29px
}
.download-dialog .mp-e2e-body .download-content .left-stage-container .statge-manage .manage-mid-wrap {
	margin-top:0;
	display:inline-block;
	position:absolute;
	right:15px;
	top:41px
}
.download-dialog .mp-e2e-body .download-content .right-info {
	position:absolute;
	right:0;
	top:0;
	width:250px;
	min-height:200px
}
.download-dialog .mp-e2e-body .download-content .info-item-hd {
	display:flex;
	align-items:center;
	height:50px
}
.download-dialog .mp-e2e-body .download-content .info-item {
	border-bottom:1px solid #e9e9e9;
	padding-bottom:4px
}
.download-dialog .mp-e2e-body .download-content .info-item:first-of-type {
	margin-top:-18px
}
.download-dialog .mp-e2e-body .download-content .info-item:first-of-type .info-item-hd {
	height:60px
}
.download-dialog .mp-e2e-body .download-content .info-item:nth-of-type(2) .link-text {
	margin-bottom:5px
}
.download-dialog .mp-e2e-body .download-content .info-item:last-of-type {
	border-bottom:none;
	padding-bottom:0
}
.download-dialog .mp-e2e-body .download-content .info-item .iconfont {
	font-size:26px;
	margin-right:15px;
	vertical-align:middle;
	color:#999
}
.download-dialog .mp-e2e-body .download-content .info-item .icon-dashang {
	font-size:16px;
	margin-left:20px;
	margin-right:4px;
	vertical-align:-2px
}
.download-dialog .mp-e2e-body .download-content .info-item .text {
	font-size:14px;
	vertical-align:middle;
	color:#999
}
.download-dialog .mp-e2e-body .download-content .info-item .num {
	margin-left:auto
}
.download-dialog .mp-e2e-body .download-content .info-item .fileinfo {
	display:block;
	width:100%;
	height:37px;
	line-height:37px;
	padding-left:41px
}
.download-dialog .mp-e2e-body .download-content .info-item.favor .iconfont {
	color:#f40
}
.download-dialog .mp-e2e-body .download-content .lottiecollection {
	display:inline-block
}
.download-dialog .mp-e2e-body .download-content .collection-list {
	max-height:86px;
	overflow-y:auto
}
.download-dialog .mp-e2e-body .download-content .collection-list .divide {
	font-size:12px;
	color:#999;
	margin:0 8px
}
.download-dialog .mp-e2e-body .download-content .info-tags-container {
	max-height:145px;
	overflow-y:auto
}
.download-dialog .mp-e2e-body .download-content .info-tags-container h3 {
	color:#333;
	font-size:14px;
	margin-bottom:13px
}
.download-dialog .mp-e2e-body .download-content .info-tags-container .tag {
	display:inline-block;
	padding:6px 12px;
	font-size:12px;
	margin-right:15px;
	margin-bottom:10px;
	color:#999;
	background:#fff;
	border-radius:16px;
	box-shadow:0 1px 2px rgba(0,0,0,.05);
	overflow:hidden
}
.download-dialog .mp-e2e-body .download-content-big .left-stage-container {
	width:auto
}
.download-dialog .mp-e2e-body .download-content-big .right-info {
	display:none
}
.download-dialog .mp-e2e-body .line {
	width:910px;
	height:1px;
	background:#e8e8e8;
	left:-87px;
	position:relative;
	margin-top:30px
}
.download-dialog .mp-e2e-body .download-btns {
	text-align:center;
	width:100%;
	position:absolute;
	border-top:1px solid #e8e8e8;
	left:0;
	bottom:22px;
	padding-top:20px;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:0 18px
}
.download-dialog .mp-e2e-body .download-btns .btn {
	padding-left:18px;
	padding-right:18px
}
.download-dialog .mp-e2e-body .show-copyright {
	color:#4A54FF;
	font-size:14px;
	text-decoration:underline;
	cursor:pointer;
	margin-left:10px
}
.block-download-copyright {
	box-shadow:0 0 20px rgba(0,0,0,.3)
}
.block-download-copyright .mp-e2e-title {
	font-size:20px;
	padding:18px 32px;
	border-bottom:1px solid rgba(151,151,151,.2)
}
.block-download-copyright .mp-e2e-body {
	padding:0;
	font-size:14px;
	line-height:2;
	color:#333
}
.block-download-copyright .legal-ok {
	text-align:center;
	padding:15px 0;
	border-top:1px solid rgba(151,151,151,.2)
}
.block-download-copyright p {
	margin-bottom:12px
}
.block-download-copyright .legal-content {
	padding:25px 32px
}
.block-download-copyright .link {
	color:#4A54FF;
	text-decoration:underline
}
.hard-delete-dialog {
	display:flex;
	flex-direction:column
}
.hard-delete-dialog .mp-e2e-body {
	padding-top:0;
	padding-bottom:0;
	flex:1
}
.hard-delete-dialog .mp-e2e-title {
	padding-top:20px;
	padding-left:20px;
	font-size:16px
}
@keyframes sunrotate {
	100% {
	transform:rotate(360deg)
}
}.index-canvas {
	position:fixed;
	width:100%;
	top:0;
	left:0;
	bottom:0;
	right:0;
	height:100%
}
.help-canvas {
	width:100%;
	position:absolute;
	z-index:0;
	user-select:none;
	pointer-events:none
}
@keyframes home-scale {
	0% {
	-webkit-transform:scale(.7);
	-moz-transform:scale(.7);
	-ms-transform:scale(.7);
	transform:scale(.7);
	opacity:0
}
100% {
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	opacity:1
}
}@keyframes home-fade {
	0% {
	opacity:0
}
20% {
	opacity:.1
}
70% {
	opacity:.7
}
100% {
	opacity:1
}
}@keyframes home-cards {
	0% {
	margin-top:200px;
	opacity:0
}
50% {
	opacity:.2
}
100% {
	margin-top:100px;
	opacity:1
}
}:not(#\9) .swiper-img-mobile {
	display:none
}
.page-home {
	position:relative;
	overflow:hidden;
	min-height:750px;
	background-color:#000
}
.page-home .search-wrap {
	margin-top:70px;
	text-align:center
}
.page-home .search-wrap .search-box {
	position:relative;
	width:800px;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	animation:home-fade .6s ease-in-out 1;
	height:58px;
	border:1px solid rgba(255,255,255,.5);
	background:rgba(255,255,255,.09);
	display:flex;
	align-items:center;
	color:#fff;
	box-sizing:border-box;
	border-radius:999px;
	text-align:left;
	padding:0 4px;
	font-size:18px!important;
	transition:border .4s,background .4s,height .2s
}
.page-home .search-wrap .search-box:hover {
	border-color:#fff!important
}
.page-home .search-wrap .search-drop {
	position:relative;
	z-index:99;
	padding:0 46px;
	height:48px;
	border-radius:40px;
	font-size:14px;
	align-self:center;
	display:flex;
	justify-content:center;
	align-items:center;
	background:center center #4A54FF;
	background-image:linear-gradient(315deg,#6772FF 0,#00F9E5 100%);
	background-size:104% 104%
}
.page-home .search-wrap .search-dropdown {
	position:absolute;
	padding:0;
	z-index:999;
	top:50px;
	left:0;
	width:100%;
	display:none;
	background:#1e1e1e;
	box-shadow:0 0 3px 0 #4a54ff;
	border-radius:7px
}
.page-home .search-wrap .search-dropdown div {
	cursor:pointer;
	text-align:center;
	padding:15px 0
}
.page-home .search-wrap .search-dropdown div:hover {
	background:center center #4A54FF;
	background-image:linear-gradient(315deg,#6772FF 0,#00F9E5 100%);
	background-size:104% 104%
}
.page-home .search-wrap .search-dropdown div:hover a {
	color:#fff
}
.page-home .search-wrap .search-dropdown div:last-child:hover {
	border-radius:0 0 7px 7px
}
.page-home .search-wrap .search-dropdown div:first-child:hover {
	border-radius:7px 7px 0 0
}
.page-home .search-wrap .search-input {
	flex:1;
	min-width:0;
	padding:0 1em;
	height:100%;
	background:0 0;
	color:#fff;
	box-sizing:border-box;
	text-align:left;
	font-size:18px!important;
	transition:border .4s,background .4s;
	border:none;
	display:none
}
.page-home .search-wrap .search-input.show {
	display:flex
}
.page-home .search-wrap .search-input:focus {
	outline:0
}
.page-home .search-wrap .search-input:focus-visible {
	outline:Highlight auto
}
@media (-webkit-min-device-pixel-ratio:0) {
	.page-home .search-wrap .search-input:focus-visible {
	outline:-webkit-focus-ring-color auto 1px
}
}.page-home .search-wrap .search-input-cover {
	display:flex;
	align-items:baseline;
	font-size:14px;
	color:#a6a5ad;
	user-select:none;
	cursor:default;
	text-align:left;
	white-space:nowrap;
	padding-left:10px;
	right:0;
	left:130px
}
.page-home .search-wrap .search-input-cover .num {
	display:flex;
	color:#00f9e5;
	font-size:24px;
	margin-right:8px
}
.page-home .search-wrap .chameleon {
	width:73px;
	height:73px;
	position:absolute;
	right:5px;
	bottom:0
}
.page-home .search-wrap .chameleon canvas {
	display:block;
	width:100%;
	height:100%
}
.page-home .search-wrap .dropdown-open .dropdown-arrow {
	transform:translateY(-50%) rotate(180deg)
}
.page-home .search-wrap .dropdown-open .search-dropdown {
	display:block!important
}
.page-home .search-wrap .dropdown-arrow {
	position:absolute;
	right:13px;
	top:50%;
	transform:translateY(-50%);
	font-size:18px;
	color:#ccc;
	transition:transform .3s,top .3s
}
.page-home .search-wrap .search-tab-text {
	display:block;
	text-align:center;
	cursor:pointer;
	white-space:nowrap
}
.page-home .search-wrap .hide-cover {
	display:none
}
.page-home .search-wrap .show-click-logo .index-log-0 {
	display:none;
	opacity:0
}
.page-home .search-wrap .show-click-logo .index-log-1 {
	display:block;
	opacity:1
}
.page-home .index-sub-info {
	text-align:center;
	font-size:14px;
	margin-top:50px;
	color:#fff;
	letter-spacing:1px;
	animation:home-fade .6s ease-in-out 1;
	display:block
}
.page-home .index-sub-slogan {
	font-size:12px;
	color:#2e2c4b;
	margin-top:50px;
	text-align:center;
	animation:home-fade .6s ease-in-out 1;
	display:none
}
.page-home .rec-cards.show-cards {
	opacity:1;
	transform:translateY(0)
}
.page-home .rec-cards {
	width:1050px;
	margin:34px auto;
	box-sizing:border-box;
	opacity:0;
	transform:translateY(20%);
	transition:all .5s ease-in-out
}
.page-home .rec-cards .card-content .recommendContent {
	grid-template-columns:repeat(3,minmax(316px,1fr));
	grid-gap:6px;
	display:none
}
.page-home .rec-cards .card-content .current {
	display:grid
}
.page-home .rec-cards .card-content .font_preview_image {
	margin-top:17px
}
.page-home .rec-cards .cards-bg {
	width:1050px;
	display:table-cell;
	background-image:url(https://img.alicdn.com/imgextra/i3/O1CN01kSoAWV1jd6n4fDpdT_!!6000000004570-2-tps-2200-1280.png);
	background-size:100%
}
.page-home .rec-cards .tabs-btn {
	width:862px;
	height:151px;
	margin:40px auto 30px
}
.page-home .rec-cards .tabs-btn li.tab-btn {
	width:88px;
	margin-right:104px;
	position:relative;
	float:left
}
.page-home .rec-cards .tabs-btn li.tab-btn.current .tab-icon img:nth-child(even) {
	display:block
}
.page-home .rec-cards .tabs-btn li.tab-btn.current .tab-icon img:nth-child(odd) {
	display:none
}
.page-home .rec-cards .tabs-btn li.tab-btn.current .tab-text {
	color:#fff
}
.page-home .rec-cards .tabs-btn li.tab-btn .tab-icon {
	display:-webkit-box;
	-webkit-box-align:center;
	-webkit-box-pack:center;
	height:88px;
	border-radius:50%
}
.page-home .rec-cards .tabs-btn li.tab-btn .tab-icon img {
	width:85px;
	height:85px
}
.page-home .rec-cards .tabs-btn li.tab-btn .tab-icon img:nth-child(even) {
	display:none;
	width:88px;
	height:88px
}
.page-home .rec-cards .tabs-btn li.tab-btn .tab-text {
	font-size:18px;
	color:rgba(255,255,255,.5);
	position:absolute;
	left:-51px;
	width:185px;
	text-align:center;
	margin-top:10px
}
.page-home .rec-cards .tabs-btn li.tab-btn:last-child {
	margin-right:0
}
.page-home .rec-cards .card-content {
	width:1050px;
	margin:auto
}
.page-home .rec-cards .rec-card {
	width:314px;
	background:#fff;
	margin-left:26px;
	margin-bottom:30px;
	border-radius:4px;
	float:left;
	cursor:pointer;
	transition:background .3s ease-in-out,transform .3s ease-in-out
}
.page-home .rec-cards .rec-card.last {
	margin-right:0
}
.page-home .rec-cards .rec-card .rec-avatar {
	text-align:center;
	margin-top:25px
}
.page-home .rec-cards .rec-card .rec-avatar .avatar-middle {
	background:0 0
}
.page-home .rec-cards .rec-card .rec-title {
	text-align:center;
	color:#aaa;
	font-size:16px;
	margin-top:9px
}
.page-home .rec-cards .rec-card .rec-title span {
	color:rgba(0,0,0,.6)
}
.page-home .rec-cards .rec-card .rec-content {
	display:block;
	margin:16px 10px;
	box-sizing:border-box;
	background:0 0!important;
	height:210px;
	overflow:hidden
}
.page-home #swiper-container1,.page-home .section,.page-home .section img,.page-home .section0 .img-list,.page-home .section1 .section1_1 {
	margin-left:auto;
	margin-right:auto
}
.page-home .rec-cards .rec-card .rec-content ul.rec-lists {
	height:213px;
	padding-left:4px;
	margin-top:7px
}
.page-home .rec-cards .rec-card .rec-content ul.rec-lists .rec-icon {
	float:left;
	width:58px;
	height:66px;
	line-height:58px;
	text-align:center
}
.page-collections-wrap .block-collection .icons-container,.page-home .rec-cards.rec-cards-bottom .rec-card .rec-content {
	height:210px
}
.page-home .rec-cards .rec-card .rec-content ul.rec-lists .rec-icon .icon {
	font-size:26px
}
.page-home .rec-cards .rec-card .block-illustration-list {
	padding-left:0!important;
	grid-gap:16px;
	justify-items:center
}
.page-home .rec-cards .rec-card:hover {
	transform:scale(1.05);
	background:#fff
}
.page-home .rec-cards.rec-cards-bottom {
	margin-top:60px
}
.page-home .rec-cards.rec-cards-bottom .rec-card {
	font-size:18px;
	margin-top:0
}
.page-home .rec-cards.rec-cards-bottom .rec-card .rec-title {
	font-size:18px;
	height:50px;
	line-height:62px
}
.page-home #swiper-container1 {
	width:1050px;
	height:110px;
	overflow:hidden;
	border-radius:8px
}
.page-home #swiper-container1 .swiper-pagination-bullet {
	background:#e5e5e5
}
.page-home #swiper-container1 .swiper-pagination-bullet-active {
	background:#00F9E5
}
.page-home .swiper-container {
	width:1050px;
	margin-top:55px
}
.page-home .section {
	min-width:980px;
	text-align:center
}
.page-home .section img {
	display:block
}
.page-home .section .play-btn {
	font-size:80px;
	color:rgba(255,255,255,.9);
	position:absolute
}
.page-home .section .section1_1 h2,.page-home .section .section2_1 h2,.page-home .section .section3_1 h2,.page-home .section .section4_1 h2,.page-home .section .section5_1 h2 {
	position:absolute;
	display:block;
	height:73px;
	width:201px;
	top:80px;
	left:40%
}
.page-home .section .section1_1 h2 span,.page-home .section .section2_1 h2 span,.page-home .section .section3_1 h2 span,.page-home .section .section4_1 h2 span,.page-home .section .section5_1 h2 span {
	display:none
}
.page-home .section0 {
	padding:6px 0 40px
}
.page-home .section0 .title {
	color:#fff;
	margin-bottom:40px;
	font-size:22px;
	font-size:clamp(16px,2.864583vw,22px)
}
.page-home .section0 .img-list {
	display:grid;
	grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
	gap:25px;
	max-width:1100px
}
.page-home .section0 .img-list li {
	max-width:350px;
	padding-bottom:30px;
	overflow:hidden;
	border-radius:8px;
	background:#fff;
	box-shadow:0 0 20px 0 rgba(2,0,43,.6)
}
.page-home .section0 .img-list li .sub-title {
	margin-top:36px;
	margin-bottom:18px;
	font-size:20px;
	font-size:clamp(12px,2.60416667vw,20px);
	color:#060706;
	font-weight:400
}
.page-home .section0 .img-list li .info {
	line-height:1.2;
	margin-bottom:16px;
	color:#666;
	font-size:14px
}
.page-home .section1 {
	background:url(https://img.alicdn.com/imgextra/i2/O1CN01iKFbzU1qcpriY8UPy_!!6000000005517-2-tps-2880-1500.png) center center no-repeat #11132b;
	background-size:1440px 750px;
	height:750px
}
.page-home .section1 .section1_1 {
	width:1050px;
	position:relative
}
.page-home .section1 .section1_1 canvas,.page-home .section1 .section1_1 video {
	position:absolute;
	left:0;
	top:240px;
	width:700px
}
.page-home .section2 .section2_1,.page-home .section3 .section3_1 {
	position:relative
}
.page-home .section2 .section2_1,.page-home .section3 .section3_1,.page-home .section4 .section4_1,.page-home .section5 .section5_1 {
	width:1050px;
	margin-left:auto;
	margin-right:auto
}
.page-home .section1 .section1_1 .play-btn {
	top:343px;
	left:247px
}
.page-home .section2 {
	background:url(https://img.alicdn.com/imgextra/i3/O1CN01sEBsa81vMPkNze6IK_!!6000000006158-2-tps-2880-1502.png) center center no-repeat #000;
	background-size:1440px 750px;
	height:750px
}
.page-home .section2 .section2_1 img,.page-home .section2 .section2_1 video {
	position:absolute;
	right:-90px;
	top:240px
}
.page-home .section2 .section2_1 .play-btn {
	top:343px;
	right:247px
}
.page-home .section3 {
	background:url(https://img.alicdn.com/imgextra/i3/O1CN01vAtk641CIbkFN3lTq_!!6000000000058-2-tps-2880-1500.png) center center no-repeat #11132c;
	background-size:1440px 750px;
	height:750px
}
.page-home .section3 .section3_1 canvas,.page-home .section3 .section3_1 video {
	position:absolute;
	left:0;
	top:240px;
	max-width:600px
}
.page-home .section3 .section3_1 .play-btn {
	top:343px;
	left:247px
}
.page-home .section4 {
	background:url(https://img.alicdn.com/imgextra/i2/O1CN01EKmQm11sCOECr9Gu0_!!6000000005730-2-tps-2880-1500.png) center center no-repeat #000;
	background-size:1440px 750px;
	height:750px
}
.page-home .section4 .section4_1 {
	position:relative
}
.page-home .section4 .section4_1 video {
	position:absolute;
	right:0;
	top:240px
}
.page-home .section4 .section4_1 .play-btn {
	top:343px;
	right:247px
}
.page-home .section5 {
	background:url(https://img.alicdn.com/imgextra/i1/O1CN01gxHk0J1P1kA8A0x6f_!!6000000001781-2-tps-2880-1500.png) center center no-repeat #121432;
	background-size:1440px 750px;
	height:750px
}
.page-home .section5 .section5_1 {
	position:relative
}
.page-home .section5 .section5_1 canvas,.page-home .section5 .section5_1 video {
	position:absolute;
	left:0;
	top:288px;
	width:600px
}
.page-home .section5 .section5_1 .play-btn {
	top:343px;
	left:247px
}
.page-manage-container-search {
	overflow:visible!important
}
.page-manage-container {
	min-height:600px;
	position:relative;
	background:#fcfcfc;
	overflow:hidden;
	padding-bottom:20px
}
.page-manage-container .wrap {
	position:relative
}
.page-manage-container .page-manage-left {
	width:150px;
	position:absolute;
	left:0;
	top:40px
}
.page-manage-container .page-manage-left .block-left-nav {
	display:block;
	width:100%;
	border-right:1px solid rgba(0,0,0,.05)
}
.page-manage-container .page-manage-left .block-left-nav .top-container {
	text-align:center;
	padding-bottom:20px
}
.page-manage-container .page-manage-left .block-left-nav .nav-container {
	padding-left:25px;
	padding-right:10px;
	position:relative;
	margin-bottom:25px
}
.page-manage-container .page-manage-left .block-left-nav .nav-container.current .nav-title {
	color:#333
}
.page-manage-container .page-manage-left .block-left-nav .nav-container .nav-title {
	font-size:14px;
	line-height:20px;
	position:relative;
	cursor:pointer;
	margin-bottom:12px;
	padding-left:10px;
	color:#999
}
.page-manage-container .page-manage-left .block-left-nav .nav-container .nav-title .iconfont {
	position:absolute;
	left:-12px;
	top:0;
	font-size:16px;
	color:#999
}
.page-manage-container .page-manage-left .block-left-nav .nav-container .nav-title.current {
	color:#333!important
}
.page-manage-container .page-manage-left .block-left-nav .nav-container .nav-title.current .iconfont {
	color:#333
}
.page-manage-container .page-manage-left .block-left-nav .nav-container .nav-lists {
	max-height:245px;
	overflow-y:auto;
	overflow-x:hidden
}
.page-manage-container .page-manage-left .block-left-nav .nav-container .nav-lists .nav-item {
	font-size:12px;
	height:35px;
	line-height:35px;
	white-space:nowrap;
	width:90px;
	overflow:hidden;
	color:#999;
	cursor:pointer;
	text-overflow:ellipsis
}
.page-manage-container .page-manage-left .block-left-nav .nav-container .nav-lists .nav-item span {
	padding-left:10px
}
.page-manage-container .page-manage-left .block-left-nav .nav-container .nav-lists .nav-item:hover {
	color:#333
}
.page-manage-container .page-manage-left .block-left-nav .nav-container .nav-lists .nav-item.current {
	position:relative;
	color:#333
}
.page-manage-container .page-manage-left .block-left-nav .nav-container .nav-lists .nav-item.current:before {
	content:"";
	position:absolute;
	left:0;
	top:50%;
	margin-top:-.5em;
	height:1em;
	width:5px;
	border-radius:2px;
	background:center center #4A54FF;
	background-image:linear-gradient(315deg,#6772FF 0,#00F9E5 100%);
	background-size:104% 104%
}
.page-manage-container .page-manage-left .block-left-nav .nav-container .nav-lists .nav-item.current span {
	border-color:red
}
.page-manage-container .page-manage-right {
	margin-left:182px;
	min-height:800px;
	padding-top:33px
}
.page-manage-container .page-manage-right .manage-right-top {
	height:36px;
	display:flex;
	align-items:center;
	position:relative;
	margin-bottom:20px
}
.page-manage-container .page-manage-right .manage-right-top .btn {
	margin-right:12px
}
.page-manage-container .page-manage-right .manage-right-top .top-title {
	font-size:20px;
	color:#333;
	display:inline-flex;
	align-items:center;
	vertical-align:middle;
	margin-right:16px;
	height:36px;
	max-width:300px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.page-manage-container .page-manage-right .manage-right-top .top-text.no-cur {
	cursor:auto
}
.page-manage-container .page-manage-right .manage-right-top .top-text.current {
	color:#333
}
.page-manage-container .page-manage-right .manage-right-top .top-text {
	display:inline-flex;
	align-items:center;
	vertical-align:middle;
	font-size:12px;
	color:#999;
	margin-right:16px;
	cursor:pointer;
	position:relative;
	white-space:nowrap
}
.page-manage-container .page-manage-right .manage-right-top .top-text:last-child {
	padding-right:0
}
.page-manage-container .page-manage-right .manage-right-top .top-text span.icon-count {
	color:red;
	font-size:14px;
	margin-right:10px
}
.page-manage-container .page-manage-right .manage-right-top .top-text .iconfont {
	margin-right:8px;
	font-size:16px
}
.page-manage-container .page-manage-right .manage-right-top .top-text .top-text-container {
	display:none;
	position:absolute;
	width:0;
	height:0;
	left:0;
	top:22px;
	padding-left:20px;
	z-index:999;
	background:#fff;
	border-radius:4px;
	padding-top:5px;
	opacity:0;
	transition:all 2s ease-in-out
}
.page-manage-container .page-manage-right .manage-right-top .top-text .top-text-container .top-text-inner {
	padding-bottom:5px;
	display:inline-block;
	vertical-align:middle;
	font-size:12px;
	color:#999;
	padding-right:25px;
	cursor:pointer;
	position:relative;
	white-space:nowrap
}
.page-manage-container .page-manage-right .manage-right-top .top-text .top-text-container .top-text-inner:hover,.page-manage-container .page-manage-right .manage-right-top .top-text:hover {
	color:#333
}
.page-manage-container .page-manage-right .manage-right-top .top-text:hover .top-text-container {
	display:flex;
	width:100px;
	height:auto;
	opacity:1;
	flex-wrap:wrap;
	border:1px solid #eee
}
.page-manage-icons .uploads-iconlist {
	border-radius:5px;
	padding:9px 7px
}
.page-manage-icons .uploads-iconlist .uploads-bar {
	margin:12px 0 20px;
	position:relative;
	min-height:33px
}
.page-manage-icons .uploads-iconlist .uploads-bar .type-select {
	width:270px;
	height:32px;
	background:#ddd;
	border-radius:40px;
	display:inline-block;
	vertical-align:middle;
	position:relative
}
.page-manage-icons .uploads-iconlist .uploads-bar .type-select li {
	float:left;
	height:32px;
	line-height:32px;
	text-align:center;
	width:90px;
	z-index:2;
	position:relative;
	color:#333;
	cursor:pointer;
	transition:color .2s ease-in-out
}
.page-manage-icons .uploads-iconlist .uploads-bar .type-select li.uploads-tab-hide .tips {
	margin-left:5px;
	color:#999;
	font-size:14px;
	position:relative
}
.page-manage-icons .uploads-iconlist .uploads-bar .type-select li.uploads-tab-hide .tips .cover-btn-tips {
	display:none;
	position:absolute;
	z-index:9;
	left:-14px;
	top:-40px;
	border:1px solid #ccc;
	border-radius:99px;
	padding:0 10px;
	background:#fff;
	cursor:pointer;
	color:#333;
	line-height:24px;
	font-size:12px;
	white-space:nowrap
}
.page-manage-icons .uploads-iconlist .uploads-bar .type-select li.uploads-tab-hide .tips .cover-btn-tips:before {
	content:"";
	position:absolute;
	bottom:-4px;
	left:16px;
	width:6px;
	height:6px;
	transform:rotate(45deg);
	border:1px solid #ccc;
	border-left:none;
	border-top:none;
	background:#fff;
	background:inherit
}
.page-manage-icons .uploads-iconlist .uploads-bar .type-select li.uploads-tab-hide .tips:hover .cover-btn-tips {
	display:block
}
.page-manage-icons .uploads-iconlist .uploads-bar .type-select li.current,.page-manage-icons .uploads-iconlist .uploads-bar .type-select li.current .tips {
	color:#fff
}
.page-manage-icons .uploads-iconlist .uploads-bar .type-select li.cover {
	position:absolute;
	left:0;
	top:0;
	background:center center #4A54FF;
	background-image:linear-gradient(315deg,#6772FF 0,#00F9E5 100%);
	background-size:104% 104%;
	z-index:1;
	border-radius:17px;
	cursor:auto;
	transition:left .1s ease-in-out
}
.page-manage-icons .uploads-iconlist .uploads-bar .type-select li.cover-all,.page-manage-icons .uploads-iconlist .uploads-bar .type-select li.cover-unicode {
	left:0
}
.page-manage-icons .uploads-iconlist .uploads-bar .type-select li.cover-fontclass,.page-manage-icons .uploads-iconlist .uploads-bar .type-select li.cover-public {
	left:90px
}
.page-manage-icons .uploads-iconlist .uploads-bar .type-select li.cover-private,.page-manage-icons .uploads-iconlist .uploads-bar .type-select li.cover-svgsymbol {
	left:180px
}
.page-manage-icons .uploads-iconlist .block-icon-list li {
	margin:9px 8px;
	overflow:visible
}
.page-manage-icons .uploads-iconlist .block-no-results {
	margin-top:50px
}
.page-manage-icons .mod-illustrations-wrap {
	padding-top:30px
}
.page-manage-icons .upload-manage-bar {
	display:inline-flex;
	align-items:center
}
.page-manage-icons .upload-manage-bar .btn-select-all {
	display:flex;
	align-items:center;
	user-select:none
}
.project-edit-role-dialog .mp-e2e-title {
	padding:5px
}
.project-edit-role-dialog .form {
	position:relative;
	padding:0 10px
}
.project-edit-role-dialog .edit-header {
	display:flex;
	align-items:center;
	position:relative;
	margin-bottom:8px
}
.project-edit-role-dialog .edit-header .input {
	border-radius:999px;
	margin-left:20px
}
.project-edit-role-dialog .edit-header .title-tips {
	color:#999;
	margin-left:30px
}
.project-edit-role-dialog .edit-header .time {
	color:#385acc
}
.project-edit-role-dialog .edit-header .iconfont {
	margin-right:.4rem
}
.project-edit-role-dialog .edit-header .no-list {
	display:flex;
	align-items:center;
	position:absolute;
	top:32px;
	left:110px;
	z-index:1;
	background:#fff;
	line-height:1.4;
	width:130px;
	padding:10px 8px;
	color:#999;
	box-shadow:0 5px 6px rgba(0,0,0,.1)
}
.project-edit-role-dialog .edit-header .no-list .iconfont {
	color:#ccc
}
.project-edit-role-dialog .edit-title {
	font-size:16px
}
.project-edit-role-dialog .invite-box {
	margin-bottom:26px
}
.project-edit-role-dialog .invite-title {
	font-size:16px;
	color:#333
}
.project-edit-role-dialog .invite-bd {
	display:flex;
	align-items:center
}
.project-edit-role-dialog .invite-btns {
	display:flex;
	align-items:center;
	margin-left:10px
}
.project-edit-role-dialog .invite-btns>div {
	display:flex;
	align-items:center
}
.project-edit-role-dialog .invite-btns .btn {
	margin-left:10px
}
.user-lists {
	top:40px;
	right:0;
	min-height:490px;
	max-height:490px;
	overflow-x:hidden;
	overflow-y:auto;
	margin-top:12px;
	background:#fff;
	z-index:100;
	border:1px solid rgba(216,216,216,.5)
}
.user-lists .user-item {
	display:flex;
	align-items:center;
	background:0 0;
	padding-left:30px;
	box-sizing:border-box;
	height:40px;
	width:100%;
	border-bottom:1px solid rgba(216,216,216,.5);
	font-size:12px
}
.user-lists .user-item:last-child {
	border-bottom:none
}
.user-lists .user-item:hover {
	background:#fbe7e6
}
.user-lists .user-item:nth-child(2):hover {
	background:0 0
}
.user-lists .user-item:nth-child(2) .item-change {
	cursor:default
}
.user-lists .user-item.user-item-head {
	background:0 0;
	user-select:none
}
.user-lists .user-item .user-name {
	max-width:12em;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	vertical-align:middle
}
.user-lists .user-item .user-avatar {
	width:20px;
	height:20px;
	margin-right:7px;
	border-radius:10px;
	vertical-align:middle
}
.user-lists .user-item .icon-owner {
	margin-left:-18px;
	color:#ed462f;
	top:14px;
	left:10px;
	height:15px;
	line-height:15px;
	font-size:18px;
	font-weight:500
}
.user-lists .user-item .item-del {
	margin-left:auto;
	margin-right:60px;
	color:#0091ff;
	font-size:12px;
	cursor:pointer;
	user-select:none;
	min-width:4em
}
.user-lists .user-item .item-change {
	cursor:pointer;
	user-select:none;
	min-width:6em;
	color:#999
}
.user-lists .user-item .user-down {
	font-size:12px;
	color:#999;
	margin-left:.25em
}
.user-lists .user-item .user-cell {
	display:flex;
	flex-wrap:wrap
}
.user-lists .user-item .user-cell .bd {
	min-width:12em;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	flex:1
}
.user-lists .user-item .tag,.user-lists .user-item .tag-me {
	background:rgba(222,222,222,.5);
	border-radius:100px;
	color:#999;
	padding:.1em .5em;
	font-size:12px;
	margin-left:.25em
}
.user-lists .user-add {
	background:#fff;
	border:1px solid #fff;
	color:#333;
	margin-top:0;
	text-align:left;
	padding-left:30px;
	font-size:12px;
	margin-bottom:10px;
	position:relative;
	display:block;
	line-height:normal
}
.user-lists .user-add .icon-plus {
	font-size:18px;
	vertical-align:-2px;
	color:#999;
	margin-left:22px;
	position:absolute;
	right:22px;
	top:0;
	cursor:pointer
}
.user-lists .user-suggest-container {
	background:0 0!important;
	border:none!important;
	padding-left:7px;
	margin-top:0
}
.user-lists .user-suggest-container .input {
	height:30px;
	padding-top:5px;
	width:150px;
	line-height:30px!important;
	color:#333;
	padding-left:8px;
	box-sizing:border-box
}
.user-lists.show {
	display:block
}
.mod-user-select {
	display:none;
	position:absolute;
	z-index:10;
	left:-16px;
	top:40px;
	background-color:#fff;
	font-size:12px;
	color:#333;
	box-shadow:0 0 4px 0 rgba(0,0,0,.2);
	border-radius:4px;
	white-space:nowrap
}
.mod-user-select.show {
	display:block
}
.mod-user-select .user-select-item {
	display:flex;
	flex-direction:column;
	justify-content:center;
	box-sizing:border-box;
	height:54px;
	padding:10px 16px;
	line-height:1.2;
	cursor:pointer
}
.mod-user-select .user-select-item.current,.mod-user-select .user-select-item:hover {
	background-color:rgba(255,0,0,.05)
}
.mod-user-select .user-select-item .title {
	font-size:12px
}
.mod-user-select .user-select-item .info {
	color:#999;
	margin-top:6px
}
.page-manage-project {
	padding-top:33px!important
}
.page-manage-project .project-top {
	display:flex;
	align-items:center
}
.page-manage-project .project-top .project-top-bar {
	flex:1
}
.page-manage-project .project-iconlist {
	border-radius:5px;
	margin-top:30px;
	padding:9px 7px
}
.page-manage-project .project-iconlist .block-icon-list.recycle-model li {
	height:105px
}
.page-manage-project .project-iconlist .block-icon-list.recycle-model li .icon-cover {
	padding-top:10px;
	background:#0d0a31;
	color:red
}
.page-manage-project .project-iconlist .block-icon-list.recycle-model li .icon-cover .cover-item-1 {
	width:50%;
	height:52.5px;
	line-height:52.5px;
	text-align:center;
	font-size:22px;
	display:inline-block;
	cursor:pointer
}
.page-manage-project .project-iconlist .block-icon-list.recycle-model li .icon-cover .cover-code-1 {
	height:28px;
	line-height:26px;
	cursor:pointer;
	margin:2px
}
.page-manage-project .project-iconlist .block-icon-list li {
	margin:9px 8px;
	height:137px;
	position:relative
}
.page-manage-project .project-iconlist .block-icon-list li .icon-name {
	margin-top:25px
}
.page-manage-project .project-iconlist .block-icon-list li .icon-code {
	width:100px;
	height:20px;
	line-height:20px;
	font-size:12px;
	text-align:center;
	margin-top:2px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	max-width:100px;
	display:none;
	color:#666
}
.page-manage-project .project-iconlist .block-icon-list li .icon-code-show {
	display:inline-block
}
.page-manage-project .project-iconlist .block-icon-list li .icon-cover .cover-code {
	color:#fff;
	cursor:pointer;
	margin:2px;
	white-space:nowrap;
	grid-column:span 2;
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	min-height:30px
}
.page-manage-project .project-iconlist .block-icon-list li .icon-cover .cover-code .iconfont {
	font-size:14px;
	vertical-align:-1px;
	margin-right:3px
}
.page-manage-project .project-iconlist .block-icon-list li .icon-cover .cover-code .copy-before {
	display:inline-block;
	position:relative
}
.page-manage-project .project-iconlist .block-icon-list li .icon-cover .cover-code .copy-after {
	display:none;
	position:relative
}
.page-manage-project .project-iconlist .block-icon-list li .icon-cover .cover-code.zeroclipboard-is-hover,.page-manage-project .project-iconlist .block-icon-list li .icon-cover .cover-code:hover {
	background:#0d0a31;
	color:#00F9E5
}
.page-manage-project .project-iconlist .block-icon-list li .icon-cover .cover-code.copy .copy-after {
	display:inline-block
}
.page-manage-project .project-iconlist .block-icon-list li .icon-cover .cover-code.copy .copy-before {
	display:none
}
.page-manage-project .project-iconlist .block-icon-list li.cover .icon-cover-unfreeze,.page-manage-project .project-iconlist .block-icon-list li:hover .icon-cover-unfreeze {
	display:grid!important
}
.page-manage-project .project-iconlist .block-icon-list li.cover .icon-cover-freeze,.page-manage-project .project-iconlist .block-icon-list li.freeze.cover .icon-cover-unfreeze,.page-manage-project .project-iconlist .block-icon-list li.freeze:hover .icon-cover-unfreeze,.page-manage-project .project-iconlist .block-icon-list li:hover .icon-cover-freeze {
	display:none!important
}
.page-manage-project .project-iconlist .block-icon-list li.freeze.cover .icon-cover-freeze,.page-manage-project .project-iconlist .block-icon-list li.freeze:hover .icon-cover-freeze {
	display:grid!important
}
.page-manage-project .project-iconlist .select-model li.freeze .icon-select-cover,.page-manage-project .project-iconlist .select-model li.icon-item.cover .icon-cover-freeze,.page-manage-project .project-iconlist .select-model li.icon-item.cover .icon-cover-unfreeze,.page-manage-project .project-iconlist .select-model li.icon-item:hover .icon-cover-freeze,.page-manage-project .project-iconlist .select-model li.icon-item:hover .icon-cover-unfreeze {
	display:none!important
}
.page-manage-project .project-iconlist .icon-repetitive {
	color:red
}
.page-manage-project .project-manage-bar {
	margin-top:30px;
	min-height:33px;
	position:relative
}
.page-manage-project .project-manage-bar .type-select {
	width:240px;
	height:32px;
	background:#ddd;
	border-radius:40px;
	display:inline-block;
	vertical-align:middle;
	position:relative
}
.page-manage-project .project-manage-bar .type-select li {
	float:left;
	height:32px;
	line-height:32px;
	text-align:center;
	width:80px;
	z-index:2;
	position:relative;
	color:#333;
	cursor:pointer;
	-moz-transition:color .2s ease-in-out;
	-webkit-transition:color .2s ease-in-out;
	-ms-transition:color .2s ease-in-out;
	-o-transition:color .2s ease-in-out;
	transition:color .2s ease-in-out
}
.page-manage-project .project-manage-bar .type-select li.current {
	color:#fff
}
.page-manage-project .project-manage-bar .type-select li.cover {
	position:absolute;
	left:0;
	top:0;
	background:center center #4A54FF;
	background-image:linear-gradient(315deg,#6772FF 0,#00F9E5 100%);
	background-size:104% 104%;
	z-index:1;
	border-radius:17px;
	cursor:auto;
	-moz-transition:left .1s ease-in-out;
	-webkit-transition:left .1s ease-in-out;
	-ms-transition:left .1s ease-in-out;
	-o-transition:left .1s ease-in-out;
	transition:left .1s ease-in-out
}
.page-manage-project .project-manage-bar .type-select li.cover-public,.page-manage-project .project-manage-bar .type-select li.cover-unicode {
	left:0
}
.page-manage-project .project-manage-bar .type-select li.cover-fontclass,.page-manage-project .project-manage-bar .type-select li.cover-private {
	left:80px
}
.page-manage-project .project-manage-bar .type-select li.cover-svgsymbol {
	left:160px
}
.page-manage-project .project-manage-bar .type-select li.bigli {
	width:120px
}
.page-manage-project .project-manage-bar .type-select li.bigli.cover-0 {
	left:0
}
.page-manage-project .project-manage-bar .type-select li.bigli.cover-1 {
	left:120px
}
.page-manage-project .project-manage-bar .type-select li.bigli.cover-2 {
	left:240px
}
.page-manage-project .project-manage-bar .type-select li.bigli.cover-3 {
	left:360px
}
.page-manage-project .project-manage-bar .bar-text {
	margin-left:25px
}
.page-manage-project .project-manage-bar .bar-text .iconfont {
	font-size:20px
}
.page-manage-project .project-manage-bar .bar-link {
	margin-left:25px
}
.page-manage-project .project-manage-bar .bar-link .open {
	display:inline-block
}
.page-manage-project .project-manage-bar .bar-link .close,.page-manage-project .project-manage-bar .bar-link.show .open {
	display:none
}
.page-manage-project .project-manage-bar .bar-link .text {
	margin-left:5px;
	cursor:pointer
}
.page-manage-project .project-manage-bar .bar-link .iconfont {
	margin-right:5px;
	font-size:20px;
	vertical-align:-3px
}
.page-manage-project .project-manage-bar .bar-link.show .close {
	display:inline-block
}
.page-manage-project .project-manage-bar .btn-group {
	margin-left:25px;
	display:inline-block
}
.page-manage-project .project-manage-bar .btn-group .btn-group-item,.page-manage-project .project-manage-bar .btn-group.has-demo .bar-link .btn {
	border-radius:40px 0 0 40px;
	padding-right:12px
}
.page-manage-project .project-manage-bar .btn-group .bar-link,.page-manage-project .project-manage-bar .btn-group .btn {
	margin-left:0
}
.page-manage-project .project-manage-bar .btn-preview {
	position:relative;
	display:inline-block
}
.page-manage-project .project-manage-bar .btn-preview:hover .btn {
	background:center center #4A54FF;
	background-image:linear-gradient(315deg,#6772FF 0,#00F9E5 100%);
	background-size:104% 104%
}
.page-manage-project .project-manage-bar .btn-preview .btn {
	font-size:16px;
	padding:0 12px;
	border-radius:0 40px 40px 0
}
.page-manage-project .project-manage-bar .preview-dropdown {
	display:none;
	position:absolute;
	z-index:810;
	top:100%;
	left:0;
	padding:10px 0;
	border-radius:4px;
	border:1px solid #e6e6e6;
	background-color:#fff
}
.page-manage-project .project-manage-bar .preview-dropdown li>* {
	display:block;
	padding:0 12px;
	height:28px;
	line-height:28px;
	white-space:nowrap;
	cursor:pointer
}
.page-manage-project .project-manage-bar .preview-dropdown li:hover {
	color:#4A54FF;
	background-color:#f0f0f0
}
.page-manage-project .project-manage-bar .preview-dropdown li:hover a {
	color:#4A54FF
}
.page-manage-project .project-manage-bar .btn-preview:hover .preview-dropdown {
	display:block
}
.page-manage-project .project-code-warp.project-code-mask .project-code-container:after {
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	background:#fff;
	left:0;
	top:0;
	opacity:.9;
	border:1px solid #fafafa;
	border-radius:5px
}
.page-manage-project .cover-btn-tips {
	position:absolute;
	z-index:9;
	left:85px;
	top:-23px;
	border:1px solid #ccc;
	border-radius:99px;
	padding:0 10px;
	background:#fff;
	cursor:pointer
}
.page-manage-project .cover-btn-tips:before {
	content:"";
	position:absolute;
	bottom:-4px;
	left:16px;
	width:6px;
	height:6px;
	transform:rotate(45deg);
	border:1px solid #ccc;
	border-left:none;
	border-top:none;
	background:#fff;
	background:inherit
}
.page-manage-project .cover-btn-tips .iconfont {
	color:red;
	margin-right:4px
}
.page-manage-project .project-code-warp {
	display:block;
	padding:0 20px;
	margin-top:40px;
	position:relative;
	border-left:3px solid rgba(0,0,0,.05)
}
.page-manage-project .project-code-warp .arrow {
	top:-23px;
	border-width:12px;
	position:absolute;
	border-bottom-color:#fff;
	left:335px
}
.page-manage-project .project-code-warp .project-code-container {
	padding:0;
	position:relative;
	box-sizing:border-box
}
.page-manage-project .project-code-warp .project-code-container pre {
	padding:15px;
	border-radius:2px
}
.page-manage-project .project-code-warp .project-code-container .code-link {
	display:block;
	color:#333;
	padding:15px;
	border-radius:2px;
	background:#fff;
	font-family:monaco,menlo,consolas,courier new,courier,monospace
}
.page-manage-project .project-code-warp .cover-btn {
	color:#4A54FF;
	padding:5px 20px 5px 0;
	line-height:20px;
	display:inline-block;
	margin:0 10px 15px auto;
	cursor:pointer;
	position:relative
}
.page-manage-project .project-code-warp .cover-btn .iconfont {
	margin-right:5px
}
.page-manage-project .project-code-warp .project-code-cover {
	position:absolute;
	left:0;
	top:0;
	background:rgba(255,255,255,.95);
	width:100%;
	height:100%;
	text-align:center;
	box-sizing:border-box;
	padding-top:32px
}
.page-manage-project .project-code-warp .project-code-cover .cover-btn {
	color:red;
	border:1px solid red;
	border-radius:3px;
	padding:5px 20px;
	line-height:20px;
	display:block;
	width:175px;
	margin:15px auto 0
}
.page-manage-project .project-code-warp .project-code-cover .cover-btn-grey {
	border:none;
	color:#333
}
.page-manage-deleted {
	min-height:446px
}
.page-manage-deleted .header {
	display:flex;
	align-items:center;
	height:36px
}
.page-manage-deleted .header h2 {
	font-size:20px;
	color:#333;
	font-weight:400
}
.page-manage-deleted .project-manage-main {
	margin-top:30px
}
.page-manage-deleted .project-lists .item {
	height:40px;
	position:relative;
	padding:0 30px;
	display:grid;
	grid-template-columns:1.5fr 1fr 1fr;
	align-items:center;
	background-color:#fff
}
.page-manage-deleted .project-lists .item:nth-child(odd) {
	background-color:#efefef
}
.page-manage-deleted .project-lists .item:hover {
	background-color:#fbe7e6
}
.page-manage-deleted .project-lists .item.item-header:hover {
	background-color:#efefef
}
.page-manage-deleted .project-lists .item .icon-xiangmu {
	font-size:16px;
	margin-right:10px;
	align-self:center;
	color:#999
}
.page-manage-deleted .project-lists .item .icon-restore {
	font-size:22px
}
.page-manage-deleted .project-lists .item .cell-name {
	display:flex;
	align-items:center;
	overflow:hidden
}
.page-manage-deleted .project-lists .item .cell-name .name {
	max-width:100%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.page-manage-deleted .project-lists .item .cell-deleted-at {
	color:#999
}
.page-manage-deleted .project-lists .item .cell-operation {
	height:100%;
	display:flex;
	align-items:center;
	user-select:none;
	cursor:pointer;
	color:#0091ff
}
.block-car-container {
	display:block;
	width:300px;
	height:100%;
	position:fixed;
	right:0;
	top:0;
	z-index:9999;
	background:#f3f3f3;
	transform:translateX(100%);
	opacity:0;
	transition:transform .3s cubic-bezier(.25,.5,.5,.9),opacity .3s cubic-bezier(.25,.5,.5,.9)
}
.block-car-container .car-top {
	height:55px;
	background:#0a0f30;
	position:relative;
	z-index:100
}
.block-car-container .car-top .car-header {
	display:flex;
	align-items:center;
	height:100%
}
.block-car-container .car-top .btn-clean-all {
	font-size:12px;
	color:rgba(255,255,255,.5);
	cursor:pointer;
	margin-left:10px
}
.block-car-container .car-top .btn-clean-all .iconfont {
	margin-right:8px
}
.block-car-container .car-top .btn-clean-all:hover {
	color:#fff
}
.block-car-container .car-top .btn-group {
	flex:1;
	display:flex;
	align-items:center;
	justify-content:flex-end;
	padding:0 10px
}
.block-car-container .car-top .top-btn-car {
	position:absolute;
	left:24px;
	top:-19px;
	z-index:1
}
.block-car-container .car-top .top-btn-car .iconfont {
	font-size:65px;
	color:rgba(255,255,255,.1)
}
.block-car-container .car-top .top-btn-car .car-count {
	min-width:14px;
	text-align:center;
	line-height:14px;
	position:absolute;
	right:-7px;
	top:23px;
	background:red;
	border-radius:17px;
	padding:6px;
	font-size:16px;
	color:#fff;
	transform:scale(.7);
	font-family:tahoma!important;
	display:inline-block
}
.block-car-container .car-top .top-back {
	position:absolute;
	left:0;
	top:0;
	color:#fff;
	cursor:pointer;
	height:55px;
	line-height:55px;
	font-size:18px;
	width:30px;
	background:center center #4A54FF;
	background-image:linear-gradient(315deg,#6772FF 0,#00F9E5 100%);
	background-size:104% 104%;
	text-align:center;
	z-index:2
}
.block-car-container .car-top .top-icon {
	font-size:26px;
	color:rgba(255,255,255,.5);
	margin-right:30px;
	margin-top:8px;
	position:relative;
	cursor:pointer
}
.block-car-container .car-top .top-icon .car-count {
	min-width:14px;
	text-align:center;
	line-height:14px;
	display:inline-block;
	position:absolute;
	right:-14px;
	top:-4px;
	background:red;
	border-radius:17px;
	padding:6px;
	font-size:16px;
	color:#fff;
	transform:scale(.7);
	font-family:tahoma!important
}
.block-car-container .car-top .top-icon.del {
	font-size:22px;
	margin-top:13px;
	color:#fff
}
.block-car-container .icons-container {
	padding:5px;
	height:380px;
	overflow:auto;
	background:#fcfcfc;
	text-align:center
}
.block-car-container .icons-container .icons-top {
	color:#777;
	margin-left:7px
}
.block-car-container .icons-container .icons-top .clear-icon {
	cursor:pointer
}
.block-car-container .icons-container .block-icon-list {
	margin-top:10px;
	grid-template-columns:repeat(auto-fill,minmax(60px,1fr));
	grid-gap:12px 12px
}
.block-car-container .icons-container .block-icon-list li {
	width:60px;
	height:65px;
	margin:7px 4px 10px;
	cursor:pointer
}
.block-car-container .icons-container .block-icon-list li .icon {
	font-size:26px
}
.block-car-container .icons-container .block-icon-list li .icon-twrap {
	margin-top:11px
}
.block-car-container .icons-container .block-icon-list li .icon-name {
	font-size:12px;
	width:100%;
	margin-top:6px
}
.block-car-container .icons-container .block-icon-list li .cover-center {
	width:100%;
	vertical-align:middle;
	color:#fff;
	position:relative;
	top:18px;
	font-size:20px
}
.block-car-container .icons-container .no-result {
	margin-top:64px;
	width:170px
}
.block-car-container .icons-container .no-result-message {
	text-align:center;
	font-size:12px;
	color:#666
}
.block-car-container .car-bottom {
	height:160px;
	background:#f3f3f3;
	padding-top:37px
}
.block-car-container .car-bottom .btn-large {
	display:block;
	max-width:164px;
	margin:16px auto 25px
}
.block-car-container .car-mask {
	height:330px;
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	background:rgba(0,0,0,.7);
	z-index:99;
	display:none
}
.block-car-container .car-manage {
	height:330px;
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	background:#fafafa
}
.block-car-container .car-manage .hide-arrow {
	position:absolute;
	top:15px;
	right:17px;
	color:#999;
	font-size:16px;
	cursor:pointer
}
.block-car-container .car-manage .car-manage-top {
	height:50px;
	line-height:50px;
	font-size:14px;
	color:#333
}
.block-car-container .car-manage .car-manage-top .car-manage-title {
	margin-left:20px
}
.block-car-container .car-manage .car-manage-top .right-icon {
	position:absolute;
	right:20px;
	top:-1px;
	color:#ccc;
	font-size:20px;
	cursor:pointer
}
.block-car-container .car-manage .car-manage-content {
	height:190px;
	overflow:auto
}
.block-car-container .car-manage .car-manage-content .car-project-wrap {
	padding-left:20px
}
.block-car-container .car-manage .car-manage-content .car-project-wrap .car-project-item {
	min-width:220px;
	max-width:90%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	height:35px;
	line-height:35px;
	border:1px solid #fafafa;
	border-radius:5px;
	cursor:pointer
}
.block-car-container .car-manage .car-manage-content .car-project-wrap .car-project-item .iconfont {
	margin-left:15px;
	color:#ccc;
	margin-right:9px
}
.block-car-container .car-manage .car-manage-content .car-project-wrap .car-project-item.current,.block-car-container .car-manage .car-manage-content .car-project-wrap .car-project-item:hover {
	border-color:#4A54FF;
	background:rgba(74,84,255,.1)
}
.block-car-container .car-manage .car-manage-content .car-project-input {
	margin-left:18px;
	height:32px;
	width:218px
}
.block-car-container .car-manage .car-manage-bottom {
	height:89px;
	line-height:80px;
	padding-left:20px;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	background:#f3f3f3
}
.block-car-container .car-manage .car-manage-project,.block-car-container .car-manage .car-manage-sucai {
	display:none
}
.block-car-container .car-manage .car-manage-project .project-history {
	display:block
}
.block-car-container .car-manage .car-manage-project .project-new {
	display:none
}
.block-car-container .car-manage .car-manage-sucai .car-manage-content {
	overflow:visible!important
}
.block-car-container .car-manage .car-manage-bottom .btn {
	vertical-align:middle;
	margin-right:17px;
	width:75px;
	padding:0
}
.block-car-container.show {
	display:block;
	-webkit-transform:translateX(0);
	-moz-transform:translateX(0);
	transform:translateX(0);
	opacity:1
}
.block-car-container.show-mask .car-mask,.block-car-container.show-project .car-manage-project {
	display:block
}
.block-car-container.show-project .car-manage-project.show-add .project-history {
	display:none
}
.block-car-container.show-project .car-manage-project.show-add .project-new,.block-car-container.show-sucai .car-manage-sucai {
	display:block
}
.mod-uploader-list {
	margin-top:30px;
	display:grid;
	grid-gap:26px 30px;
	grid-template-columns:repeat(auto-fill,minmax(auto,280px));
	justify-content:center
}
.mod-uploader-list .list-item {
	width:280px;
	height:400px;
	padding:16px;
	box-sizing:border-box;
	position:relative;
	display:flex;
	flex-direction:column;
	background:#fff;
	border:1px solid #e2e2e3;
	border-radius:8px
}
.mod-uploader-list .list-item .item-name {
	margin-right:1em;
	color:#666
}
.mod-uploader-list .list-item .item-info {
	max-width:11em;
	overflow:hidden;
	text-overflow:ellipsis
}
.mod-uploader-list .list-item .img-box {
	width:244px;
	height:244px;
	overflow:hidden;
	margin-bottom:16px;
	flex:none;
	display:flex;
	justify-content:center;
	align-items:center;
	background:#f7f7f7
}
.mod-uploader-list .list-item .img-box img,.mod-uploader-list .list-item .img-box video {
	width:100%;
	height:100%;
	object-fit:contain
}
.mod-uploader-list .list-item .input {
	flex:1;
	padding:6px .5em;
	position:relative
}
.mod-uploader-list .list-item .input:focus {
	z-index:9
}
.mod-uploader-list .list-item:hover .delete-icon {
	display:flex
}
.mod-uploader-list .delete-icon {
	display:none;
	position:absolute;
	top:0;
	right:0;
	width:45px;
	height:45px;
	justify-content:flex-end;
	padding:4px 4px 0 0;
	box-sizing:border-box;
	cursor:pointer
}
.mod-uploader-list .delete-icon .iconfont {
	position:relative;
	z-index:1;
	color:#fff
}
.mod-uploader-list .delete-icon:after {
	content:"";
	position:absolute;
	left:0;
	top:0;
	clip-path:polygon(0 0,100% 0,100% 100%);
	width:100%;
	height:100%;
	background:#6272d6;
	border-radius:0 8px
}
.mod-uploader-list .list-item-cell {
	display:flex;
	align-items:center;
	margin-bottom:5px;
	white-space:nowrap
}
.mod-uploader-list .list-item-cell .iconfont {
	color:#6272d6;
	display:flex;
	align-items:center;
	justify-content:center;
	cursor:pointer
}
.mod-uploader-list .list-item-cell .icon-shangchuan {
	display:inline-flex;
	margin-right:.25em
}
.mod-uploader-list .list-item-cell .up_show,.mod-uploader-list .uploading .up_hide {
	display:none
}
.mod-uploader-list .uploading .up_show {
	display:inherit
}
.mod-uploader-list .list-item-cell-input .iconfont {
	width:30px;
	min-height:32px
}
.mod-upload-tips {
	color:red;
	font-size:14px;
	margin-top:10px
}
.page-upload-container {
	flex:1
}
.page-upload-container .uploader-audit-tip {
	display:flex;
	justify-content:center;
	flex-direction:column;
	text-align:center;
	font-size:14px
}
.page-upload-container .uploader-audit-tip .iconfont {
	color:#333!important
}
.page-upload-container .uploader-audit-tip .tips {
	margin-bottom:5px;
	color:#666
}
.page-upload-container .uploader-audit-tip .tips a {
	color:#6272d5
}
.page-upload-container .upload-red {
	margin-bottom:10px;
	width:100%;
	height:60px;
	text-align:center;
	background:#ffebeb;
	line-height:60px;
	font-size:14px;
	display:flex;
	align-items:center;
	justify-content:center
}
.page-upload-container .upload-red a {
	color:#4A54FF
}
.page-upload-container .upload-red img {
	margin-right:5px
}
.page-upload-container .help-info {
	width:900px;
	height:20px;
	margin:20px auto 33px;
	line-height:20px;
	font-size:12px;
	color:#999
}
.page-upload-container .help-info .iconfont {
	color:#98d0f4;
	margin-right:5px;
	font-size:25px
}
.page-upload-container .help-info a {
	color:#494949
}
.page-upload-container .careful-info {
	background:#fff;
	margin-top:30px;
	padding:32px 0
}
.page-upload-container .careful-info h3 {
	width:900px;
	margin:0 auto;
	font-size:16px;
	line-height:21px
}
.page-upload-container .careful-info h3 a {
	font-size:14px;
	color:#999;
	vertical-align:middle
}
.page-upload-container .careful-info h3 .link {
	font-size:14px;
	color:#3478f6
}
.page-upload-container .careful-info h3 img {
	vertical-align:middle;
	margin-top:-4px;
	margin-left:24px;
	margin-right:10px;
	width:22px;
	height:22px
}
.page-upload-container .careful-info .big-svg {
	width:900px;
	margin:0 auto;
	display:flex;
	flex-direction:column
}
.page-upload-container .careful-info .big-svg svg {
	margin-left:-30px;
	align-self:center
}
.page-upload-container .uploader-click {
	position:relative;
	margin-left:5px
}
.page-upload-container .uploader-click input {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	cursor:pointer
}
.page-upload-container .uploader-click input[disabled] {
	color:#666;
	background-color:#f6f6f6;
	background-image:none;
	cursor:not-allowed
}
.page-upload-container .uploader-click::-webkit-file-upload-button {
	cursor:pointer
}
.page-upload-container .no-icons {
	min-height:700px;
	background:#fafafb
}
.page-upload-container .no-icons .upload-box {
	display:flex;
	margin:0 auto;
	justify-content:space-between
}
.page-upload-container .no-icons .center-div {
	width:100%;
	height:480px;
	border-radius:8px;
	background:#fff;
	box-shadow:0 0 2px #f4f5fb;
	border:1px solid transparent;
	box-sizing:border-box
}
.page-upload-container .no-icons .svg {
	width:195px;
	padding-top:100px;
	margin:0 auto 50px;
	text-align:center
}
.page-upload-container .no-icons .text {
	text-align:center;
	font-size:14px
}
.page-upload-container .no-icons .text .uploader-click {
	color:#fff;
	background:center center #4A54FF;
	background-image:linear-gradient(315deg,#6772FF 0,#00F9E5 100%);
	background-size:104% 104%;
	height:32px;
	width:108px;
	display:flex;
	justify-content:center;
	align-items:center;
	margin:30px auto 0;
	border-radius:999px;
	font-size:12px
}
.page-upload-container .no-icons .tips {
	margin-top:15px;
	color:#666;
	font-size:12px
}
.page-upload-container .no-icons .tips a {
	color:#4A54FF
}
.page-upload-container .have-icons {
	min-height:700px
}
.page-upload-container .have-icons .detail {
	display:flex;
	align-items:center
}
.page-upload-container .have-icons .uploader-box {
	box-sizing:border-box;
	background:#e2e2e6;
	border:2px dashed transparent;
	padding:10px 0;
	display:flex;
	flex-direction:column;
	justify-content:center
}
.page-upload-container .have-icons .uploader-text {
	min-height:60px;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	font-size:14px
}
.page-upload-container .have-icons .uploader-text .iconfont {
	font-size:20px;
	color:#f64244
}
.page-upload-container .have-icons .uploader-body {
	background:#fff
}
.page-upload-container .have-icons .uploader-panel-vertical {
	display:flex;
	flex-direction:column;
	background-color:#fff
}
.page-upload-container .have-icons .uploader-panel-vertical .mod-advance-block {
	border-top:1px solid rgba(151,151,151,.2)
}
.page-upload-container .have-icons .uploader-panel {
	width:900px;
	margin:0 auto;
	padding:78px 78px 0;
	display:flex;
	flex-wrap:wrap
}
.page-upload-container .have-icons .uploader-left {
	width:440px
}
.page-upload-container .have-icons .uploader-left .uploader-svg-list {
	display:grid;
	grid-gap:26px 30px;
	grid-template-columns:repeat(auto-fill,minmax(auto,118px));
	justify-content:center
}
.page-upload-container .have-icons .uploader-left .uploader-svg-list:before {
	content:none
}
.page-upload-container .have-icons .uploader-left .uploader-svg-list li {
	margin:0;
	padding:0;
	width:118px;
	height:118px
}
.page-upload-container .have-icons .uploader-left ul {
	width:440px;
	height:310px;
	overflow-y:auto;
	*zoom:1
}
.page-upload-container .have-icons .uploader-left ul:after,.page-upload-container .have-icons .uploader-left ul:before {
	display:table;
	content:""
}
.page-upload-container .have-icons .uploader-left ul:after {
	clear:both
}
.page-upload-container .have-icons .uploader-left ul li {
	position:relative;
	float:left;
	width:78px;
	height:78px;
	border:1px solid #eaeaea;
	background:#fff;
	margin-right:25px;
	margin-bottom:66px;
	border-radius:3px
}
.page-upload-container .have-icons .uploader-left ul li.active:hover .delete-icon {
	display:block
}
.page-upload-container .have-icons .uploader-left ul li div {
	position:absolute;
	width:100%;
	height:100%;
	line-height:78px;
	vertical-align:middle;
	text-align:center
}
.page-upload-container .have-icons .uploader-left ul li .icon-container {
	cursor:pointer;
	display:flex;
	justify-content:center;
	align-items:center;
	overflow:hidden
}
.page-upload-container .have-icons .uploader-left ul li .delete-icon {
	display:none;
	height:24px;
	line-height:24px;
	color:#fff;
	background:#3d3b5a;
	opacity:.8;
	bottom:0;
	cursor:pointer
}
.page-upload-container .have-icons .uploader-left ul li .delete-icon .iconfont {
	font-size:15px;
	cursor:pointer
}
.page-upload-container .have-icons .uploader-left ul li .error-icon {
	font-size:20px;
	color:#b32e28;
	display:none
}
.page-upload-container .have-icons .uploader-left ul li .progress-icon {
	display:none
}
.page-upload-container .have-icons .uploader-left ul li img {
	max-height:100%
}
.page-upload-container .have-icons .uploader-left ul li.active {
	border:1px solid #aaa
}
.page-upload-container .have-icons .uploader-left ul li.error {
	border:1px solid #b32e28
}
.page-upload-container .have-icons .uploader-left ul li.error .error-icon {
	display:block;
	display:flex;
	align-items:center;
	justify-content:center
}
.page-upload-container .have-icons .uploader-left ul li.error:hover .delete-icon {
	display:block
}
.page-upload-container .have-icons .uploader-left ul li.progress .progress-icon {
	display:block;
	display:flex;
	align-items:center;
	justify-content:center;
	line-height:60px
}
@keyframes loadingC {
	0%,100% {
	transform:translate(0,0)
}
50% {
	transform:translate(0,15px)
}
}.page-upload-container .have-icons .uploader-left ul li.progress .progress-icon .line {
	position:relative;
	display:inline-block;
	width:10px;
	height:10px;
	border-radius:10px;
	background-color:#aeadba
}
.page-upload-container .have-icons .uploader-left ul li.progress .progress-icon .line:nth-last-child(1) {
	left:5px;
	animation:loadingC .6s .1s linear infinite
}
.page-upload-container .have-icons .uploader-left ul li.progress .progress-icon .line:nth-last-child(2) {
	animation:loadingC .6s .2s linear infinite
}
.page-upload-container .have-icons .uploader-left ul li.progress .progress-icon .line:nth-last-child(3) {
	left:-5px;
	animation:loadingC .6s .3s linear infinite
}
.page-upload-container .have-icons .uploader-left ul li.warning {
	border:1px solid #f2ad36
}
.page-upload-container .have-icons .uploader-left ul li.warning .warning {
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	margin:auto;
	width:100%;
	height:auto;
	line-height:1.5;
	background:rgba(0,0,0,.5);
	text-align:left;
	color:#fff;
	padding:.5em;
	box-sizing:border-box
}
.page-upload-container .have-icons .uploader-right {
	width:396px
}
.page-upload-container .have-icons .uploader-right .form-line {
	display:flex;
	align-items:center;
	width:395px;
	height:36px;
	margin-bottom:34px
}
.page-upload-container .have-icons .uploader-right .form-line>label {
	display:inline-block;
	width:5em;
	min-width:0;
	text-align:right;
	margin-right:22px;
	color:#b6b6b6
}
.page-upload-container .have-icons .uploader-right .form-line input[type=text] {
	flex:1;
	border-radius:4px;
	background:#fff;
	color:#333
}
.page-upload-container .have-icons .uploader-right .form-line .raido-label {
	width:auto;
	color:#333;
	display:flex;
	align-items:center
}
.page-upload-container .have-icons .uploader-right .tag-group {
	width:380px;
	margin-left:20px;
	*zoom:1
}
.page-upload-container .have-icons .uploader-right .tag-group:after,.page-upload-container .have-icons .uploader-right .tag-group:before {
	display:table;
	content:""
}
.page-upload-container .have-icons .uploader-right .tag-group:after {
	clear:both
}
.page-upload-container .have-icons .uploader-right .tag-group li {
	float:left;
	width:68px;
	height:30px;
	margin-left:25px;
	margin-bottom:34px;
	background:#f3f3f3;
	text-align:center;
	line-height:30px;
	border:1px solid #fff;
	border-radius:2px;
	color:#666;
	cursor:pointer
}
.page-upload-container .have-icons .uploader-right .tag-group li.active,.page-upload-container .have-icons .uploader-right .tag-group li:hover {
	border:1px solid #4A54FF;
	color:#333
}
.page-upload-container .have-icons .uploader-right .check-color {
	margin-left:44px
}
.page-upload-container .have-icons .btn-uploader-group {
	padding:10px 0;
	margin:0 auto;
	text-align:center;
	background-color:#e2e2e6
}
.page-upload-container .have-icons .btn-uploader-group .btn {
	margin:20px;
	padding:0 30px
}
.page-upload-container .uploader-bottom {
	float:left;
	width:900px;
	display:flex;
	flex-direction:column
}
.page-upload-container .advance-btn {
	text-align:center;
	color:#b6b6b6;
	cursor:pointer;
	margin-top:45px;
	margin-bottom:35px;
	border-bottom:1px #ccc solid;
	line-height:.1em
}
.page-upload-container .advance-btn .text {
	background:#fff;
	padding-right:10px
}
.page-upload-container .advance-btn .iconfont {
	color:#ccc;
	margin-right:10px;
	margin-left:13px;
	font-size:14px
}
.page-upload-container .advance-btn .icon-zhankai {
	display:inline
}
.page-upload-container .advance-btn .icon-shouqi,.page-upload-container .advance-btn .open .icon-zhankai {
	display:none
}
.page-upload-container .advance-btn .open .icon-shouqi {
	display:inline
}
.page-upload-container .e-advance-block {
	width:322px!important
}
.mod-advance-block .form-line {
	margin-bottom:25px;
	display:flex;
	align-items:center
}
.mod-advance-block .form-line .line-label {
	display:inline-block;
	min-width:82px
}
.mod-advance-block .form-line .raido-label {
	display:flex;
	align-items:center
}
.mod-advance-block .form-line input[type=text] {
	width:180px;
	height:34px
}
.mod-advance-block .type-select {
	width:200px;
	height:32px;
	background:#ddd;
	border-radius:40px;
	vertical-align:middle;
	position:relative;
	display:flex;
	align-items:center
}
.mod-advance-block .type-select .iconfont {
	margin-right:4px
}
.mod-advance-block .type-select li {
	width:50%;
	height:32px;
	line-height:32px;
	text-align:center;
	z-index:2;
	position:relative;
	color:#333;
	cursor:pointer;
	-moz-transition:color .2s ease-in-out;
	-webkit-transition:color .2s ease-in-out;
	-ms-transition:color .2s ease-in-out;
	-o-transition:color .2s ease-in-out;
	transition:color .2s ease-in-out;
	user-select:none
}
.mod-advance-block .type-select li.current {
	color:#fff
}
.mod-advance-block .type-select li.cover {
	position:absolute;
	left:0;
	top:0;
	background:center center #4A54FF;
	background-image:linear-gradient(315deg,#6772FF 0,#00F9E5 100%);
	background-size:104% 104%;
	z-index:1;
	border-radius:17px;
	cursor:auto;
	-moz-transition:left .1s ease-in-out;
	-webkit-transition:left .1s ease-in-out;
	-ms-transition:left .1s ease-in-out;
	-o-transition:left .1s ease-in-out;
	transition:left .1s ease-in-out
}
.mod-advance-block .type-select li.cover-0,.mod-advance-block .type-select li.cover-choose {
	left:0
}
.mod-advance-block .type-select li.cover-1,.mod-advance-block .type-select li.cover-2,.mod-advance-block .type-select li.cover-create {
	left:50%
}
.page-collection-detail-wrap {
	padding-top:30px;
	overflow:visible
}
.page-collection-detail-wrap .collection-detail-passwrap {
	text-align:center
}
.page-collection-detail-wrap .collection-detail-passwrap .info {
	font-size:18px;
	margin-bottom:20px
}
.page-collection-detail-wrap .collection-detail-passwrap .input {
	margin-bottom:50px
}
.page-collection-detail-wrap .detail-tip {
	text-align:center;
	position:relative;
	margin-top:60px
}
.page-collection-detail-wrap .detail-tip .detail-line {
	height:1px;
	background:#eaeaea;
	position:absolute;
	left:0;
	top:13px;
	width:100%
}
.page-collection-detail-wrap .detail-tip .detail-msg {
	padding:5px 0;
	color:#777;
	position:relative;
	z-index:2;
	margin:0 auto;
	display:flex;
	align-items:center;
	justify-content:center
}
.page-collection-detail-wrap .detail-tip .detail-msg:after,.page-collection-detail-wrap .detail-tip .detail-msg:before {
	content:"";
	display:block;
	height:1px;
	background:#eaeaea;
	flex:1;
	margin:0 20px
}
.page-collection-detail-wrap .block-radius-btns {
	text-align:center;
	padding-bottom:70px;
	padding-top:30px
}
.page-collection-detail-wrap .block-radius-btns .radius-btn {
	margin-left:15px;
	margin-right:15px
}
.page-collection-detail-wrap .block-radius-btns .radius-btn:before {
	color:#999;
	font-size:12px;
	position:absolute;
	bottom:-40px;
	left:0;
	width:50px;
	display:block;
	text-align:center
}
.page-collection-detail-wrap .block-radius-btns .radius-btn-share:before {
	content:"\005206\004eab"
}
.page-collection-detail-wrap .block-radius-btns .radius-btn-share-en:before {
	content:"Share"!important;
	font-family:Tahoma!important
}
.page-collection-detail-wrap .block-radius-btns .radius-btn-money:before {
	content:"\006253\008d4f"
}
.page-collection-detail-wrap .block-radius-btns .radius-btn-money-en:before {
	content:"Tip"!important;
	font-family:Tahoma!important
}
.page-collection-detail-wrap .block-radius-btns .radius-btn-dianzan:before {
	content:"\0070b9\008d5e"
}
.page-collection-detail-wrap .block-radius-btns .radius-btn-like:before {
	content:"\006536\0085cf"
}
.page-collection-detail-wrap .block-radius-btns .radius-btn-dianzan-en:before {
	content:"Like"!important;
	font-family:Tahoma!important
}
.page-collection-detail-wrap .block-radius-btns .radius-btn-like-en:before {
	content:"Favorite"!important;
	font-family:Tahoma!important
}
.collections-lists {
	background:#fafafb;
	min-height:700px;
	overflow:hidden
}
.page-collections-wrap {
	padding-top:50px;
	text-align:left;
	min-height:700px
}
.page-collections-wrap .block-collection {
	width:346px
}
.page-collections-wrap .block-collection:hover {
	transform:translateY(-2%);
	box-shadow:1px 4px 10px 2px #ccc
}
.page-search-container {
	padding-top:20px
}
.page-search-container .user-result-container {
	height:256px;
	position:relative;
	padding-bottom:20px;
	padding-top:20px;
	border-bottom:1px solid #e8e8e8
}
.page-search-container .user-result-container .user-info {
	position:absolute;
	left:0;
	top:35px;
	width:195px;
	text-align:center
}
.page-search-container .user-result-container .user-info .avatar {
	margin-top:10px
}
.page-search-container .user-result-container .user-info .nick-name {
	margin-top:15px;
	text-align:center
}
.page-search-container .user-result-container .user-info .total {
	font-size:12px;
	color:#777;
	margin-top:25px
}
.page-search-container .user-result-container .user-info .total strong {
	color:red;
	margin-right:8px
}
.page-search-container .user-result-container .user-collections {
	margin-left:195px
}
.page-search-container .user-result-container .user-collections .block-collection {
	margin-right:0;
	margin-left:16px
}
.page-search-container .user-result-container .user-collections .block-no-results .message {
	text-align:left;
	margin-top:70px;
	font-size:12px;
	padding-left:20px
}
.page-search-container .search-batch-bar {
	position:absolute;
	top:0;
	z-index:100;
	right:20px;
	transform:translateY(-100%);
	height:70px
}
.page-collection-handle {
	font-size:14px;
	color:#333
}
.page-collection-handle .top-bar {
	height:20px;
	padding-top:6px;
	padding-left:24px;
	line-height:20px;
	margin-bottom:20px;
	color:#333
}
.page-collection-handle .top-bar .help-txt svg {
	width:44px;
	height:32px;
	vertical-align:middle;
	margin-right:5px
}
.page-collection-handle .header-tips {
	font-size:14px;
	color:#999;
	margin-left:16px
}
.page-collection-handle .header-tips .iconfont {
	font-size:14px!important;
	margin-right:5px!important
}
.page-collection-handle .handle-content {
	padding-left:20px;
	padding-bottom:36px
}
.page-collection-handle .handle-top {
	height:56px;
	padding-left:24px;
	line-height:56px;
	background:#f3f3f3;
	border-top-left-radius:2px;
	border-top-right-radius:2px
}
.page-collection-handle .handle-top .step-name {
	margin-right:35px
}
.page-collection-handle .handle-top .num-icon {
	color:#ccc
}
.page-collection-handle .handle-top .red {
	color:#fa8686
}
.page-collection-handle .handle-content {
	min-height:300px;
	background:#fff;
	border-bottom-left-radius:2px;
	border-bottom-right-radius:2px
}
.page-collection-handle .handle-content .form-div {
	padding-top:34px
}
.page-collection-handle .handle-content .form-div #opensource:checked~div {
	width:100%;
	display:flex;
	flex-direction:column
}
.page-collection-handle .handle-content .form-div .form-line {
	min-height:36px;
	margin-bottom:25px;
	display:flex;
	align-items:center
}
.page-collection-handle .handle-content .form-div .form-line.form-line-multi {
	align-items:first baseline
}
.page-collection-handle .handle-content .form-div .form-line .form-title {
	line-height:1.5;
	width:70px;
	margin-right:22px;
	font-size:12px;
	color:#666;
	position:relative;
	top:0
}
.page-collection-handle .handle-content .form-div .form-line .required:before {
	content:"*";
	color:#f40;
	font-weight:700;
	position:absolute;
	left:-1em
}
.page-collection-handle .handle-content .form-div .form-line .input {
	width:370px;
	height:34px;
	padding-left:10px;
	line-height:34px;
	font-size:12px;
	border-radius:3px
}
.page-collection-handle .handle-content .form-div .form-line .sub-input {
	margin-top:12px;
	margin-bottom:12px
}
.page-collection-handle .handle-content .form-div .form-line .select-list {
	display:block;
	width:370px;
	height:32px;
	border-color:#e6e6e6;
	padding:0 5px
}
.page-collection-handle .handle-content .form-div .form-line .form-label {
	user-select:none
}
.page-collection-handle .handle-content .form-div .form-line .tab-toggle {
	display:inline-block;
	vertical-align:middle;
	width:212px;
	height:36px;
	*zoom:1
}
.page-collection-handle .handle-content .form-div .form-line .tab-toggle:after,.page-collection-handle .handle-content .form-div .form-line .tab-toggle:before {
	display:table;
	content:""
}
.page-collection-handle .handle-content .form-div .form-line .tab-toggle:after {
	clear:both
}
.page-collection-handle .handle-content .form-div .form-line .tab-toggle div {
	display:flex;
	align-items:center;
	width:106px;
	text-align:center;
	cursor:pointer;
	background:#f3f3f3;
	color:#000;
	font-size:12px
}
.page-collection-handle .handle-content .form-div .form-line .tab-toggle .active {
	background:center center #4A54FF;
	background-image:linear-gradient(315deg,#6772FF 0,#00F9E5 100%);
	background-size:104% 104%;
	color:#fff
}
.page-collection-handle .handle-content .form-div .form-line .tab-toggle .iconfont {
	font-size:18px;
	padding-right:4px
}
.page-collection-handle .handle-content .form-div .form-line .tab-toggle .fl {
	border-top-left-radius:999px;
	border-bottom-left-radius:999px
}
.page-collection-handle .handle-content .form-div .form-line .tab-toggle .fr {
	border-top-right-radius:999px;
	border-bottom-right-radius:999px
}
.page-collection-handle .btn-red {
	display:block;
	width:100px;
	margin:25px auto 34px
}
.page-collection-handle .sub-content .sub-title {
	height:22px;
	margin:34px 0 24px;
	line-height:22px
}
.page-collection-handle .sub-content .sub-title .iconfont {
	margin-right:12px;
	font-size:22px
}
.page-collection-handle .sub-content .sub-title .title {
	margin-right:26px
}
.page-collection-handle .sub-content .sub-title .icon-num span {
	margin-left:10px;
	color:#ccc
}
.page-collection-handle .sub-content .sub-title .sub-title-refulsed {
	color:red;
	margin-left:20px
}
.page-collection-handle .sub-content .sub-icons {
	max-height:420px;
	overflow-y:auto;
	width:100%
}
.page-collection-handle .sub-content .sub-icons .icon-twrap {
	display:inline-block;
	line-height:1;
	color:initial
}
.page-collection-handle .sub-content .sub-icons .icon {
	max-width:100%
}
.page-collection-handle .sub-content .sub-icons>ul {
	margin-top:10px;
	display:grid;
	grid-template-columns:repeat(auto-fill,minmax(100px,auto));
	justify-content:space-between;
	gap:0 12px
}
.page-collection-handle .sub-content .sub-icons ul.refuse li {
	color:#fbfbfb;
	cursor:auto
}
.page-collection-handle .sub-content .sub-icons .illustration-list {
	grid-template-columns:repeat(auto-fill,minmax(132px,auto));
	grid-gap:0 24px;
	padding-right:20px
}
.page-collection-handle .sub-content .sub-icons .illustration-list li {
	width:132px;
	height:auto;
	border:1px solid transparent
}
.page-collection-handle .sub-content .sub-icons .illustration-list li .icon-container {
	background:#f7f7f7;
	height:132px;
	padding:10px
}
.page-collection-handle .sub-content .sub-icons .illustration-list li .add-poster {
	display:block
}
.page-collection-handle .sub-content .sub-icons .illustration-list .is-poster .add-poster,.page-collection-handle .sub-content .sub-icons .illustration-list li .del-poster {
	display:none
}
.page-collection-handle .sub-content .sub-icons .illustration-list li video {
	width:100%;
	height:100%;
	object-fit:contain
}
.page-collection-handle .sub-content .sub-icons .illustration-list .is-poster {
	border-color:#979797;
	background:url(//gw.alicdn.com/imgextra/i4/O1CN01ebLhvS27JurLlw0oD_!!6000000007777-55-tps-22-21.svg) right bottom no-repeat
}
.page-collection-handle .sub-content .sub-icons .illustration-list .is-poster .del-poster {
	display:block
}
.page-collection-handle .sub-content .sub-icons>ul>li {
	position:relative;
	width:98px;
	height:98px;
	float:left;
	text-align:center;
	margin-right:12px;
	margin-bottom:20px;
	border:1px solid transparent;
	border-radius:6px;
	cursor:pointer;
	display:flex;
	flex-direction:column;
	overflow:hidden
}
.page-collection-handle .sub-content .sub-icons>ul>li .icon-container {
	line-height:70px;
	height:70px;
	display:flex;
	justify-content:center;
	align-items:center;
	overflow:hidden;
	border-radius:6px;
	box-sizing:border-box
}
.page-collection-handle .sub-content .sub-icons>ul>li .icon-name {
	text-align:center;
	color:#333;
	font-size:14px;
	line-height:30px;
	height:30px;
	padding:0 .6em;
	overflow:hidden;
	display:block;
	text-overflow:ellipsis;
	white-space:nowrap;
	max-width:100%;
	box-sizing:border-box;
	margin-top:4px
}
.page-collection-handle .sub-content .sub-icons>ul>li .icon-cover {
	position:absolute;
	display:none;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:rgba(0,0,0,.7);
	vertical-align:middle;
	color:#fff;
	border-radius:6px;
	line-height:98px
}
.page-collection-handle .sub-content .sub-icons>ul>li .icon-cover .iconfont {
	font-size:20px;
	color:#fff
}
.page-collection-handle .sub-content .sub-icons>ul>li img {
	max-height:100%
}
.page-collection-handle .sub-content .sub-icons .can li.active {
	border:1px dashed #666
}
.page-collection-handle .sub-content .sub-icons .pass li:hover .icon-cover,.page-collection-handle .sub-content .sub-icons .pend li:hover .icon-cover {
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center
}
.page-collection-handle .sub-content .sub-icons .pass li .icon-cover .iconfont {
	height:38px;
	line-height:38px;
	width:100%;
	background:rgba(13,10,49,.4);
	font-size:12px
}
.page-collection-handle .sub-content .sub-icons .pass li .icon-cover .iconfont:hover {
	background:#0d0a31;
	color:red
}
.page-user-center {
	display:flex;
	width:800px;
	margin:auto;
	background:#fafafb;
	padding-top:40px;
	padding-bottom:80px
}
.page-user-center .form-container {
	display:flex;
	min-width:490px;
	min-height:460px;
	margin:0 auto
}
.page-user-center .form-container .form {
	width:100%;
	background-color:#fff
}
.page-user-center .form-container .form-element .upload-btn {
	width:100%;
	height:100%;
	position:absolute;
	opacity:0;
	left:0;
	top:0
}
.page-user-center .form-container .form-element .input {
	width:318px;
	height:36px;
	background-color:#fff;
	border-radius:5px
}
.page-user-center .form-container .form-element .textarea {
	width:318px;
	height:90px;
	min-width:0;
	min-height:90px;
	background-color:#fff;
	border-radius:5px
}
.page-user-center .form-container .form-element .input.error,.page-user-center .form-container .form-element .textarea.error {
	border-color:#f40
}
.page-user-center .form-container .form-element .img-container.eclipse {
	border-radius:50%
}
.page-user-center .form-container .form-element .img-container {
	width:100px;
	height:100px;
	background:#0a0f30;
	position:relative
}
.page-user-center .form-container .form-element .img-container .avatar-special {
	width:100%;
	height:100%
}
.page-user-center .form-container .form-element .img-container .avatar-special .avatar-special-inner {
	margin-top:0;
	height:100%;
	width:100%
}
.page-user-center .form-container .form-element .img-container .img-cover {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background:rgba(0,0,0,.7);
	display:none;
	text-align:center;
	color:#fff;
	font-size:14px;
	cursor:pointer
}
.page-user-center .form-container .form-element .img-container .img-cover .iconfont {
	font-size:36px;
	line-height:36px;
	display:block;
	color:#fff;
	text-align:center;
	margin-top:16px
}
.page-user-center .form-container .form-element .img-container:hover .img-cover {
	display:block;
	height:100%
}
.page-user-center .form-container .form-element .code-title {
	position:relative;
	color:red
}
.page-user-center .form-container .form-element .code-title .iconfont {
	color:#999
}
.page-userdetail-container {
	min-height:600px;
	position:relative;
	background:#fcfcfc;
	padding-top:40px
}
.page-userdetail-container .collection-list .block-no-results {
	width:1160px
}
.page-userdetail-container .block-collection {
	width:346px
}
.page-userdetail-container .block-collection .secret-cover svg {
	width:160px;
	height:160px
}
.page-userdetail-container .block-collection .icons-container {
	height:210px
}
.project-edit-dialog {
	padding:0 0 20px 30px
}
.project-edit-dialog .edit_title {
	font-size:16px;
	margin-bottom:30px
}
.project-edit-dialog .form-title {
	width:6em;
	margin-right:20px;
	position:static
}
.project-edit-dialog .form-item-box {
	display:grid;
	grid-template-columns:repeat(4,minmax(7.5em,auto));
	gap:.6em 0
}
.project-edit-dialog .form-element {
	display:flex;
	align-items:center;
	padding-left:0;
	margin-bottom:25px
}
.project-edit-dialog .form-element .input {
	width:320px;
	height:36px
}
.project-edit-dialog .form-element .textarea {
	width:320px;
	height:60px;
	line-height:20px!important;
	resize:none
}
.project-edit-dialog .form-element .font-format-checkbox[disabled] {
	cursor:not-allowed
}
.project-edit-dialog .form-element .font-format-checkbox[disabled]~.form-label {
	color:#ccc;
	cursor:not-allowed
}
.project-edit-dialog .block-input-wrap {
	width:320px;
	max-height:80px;
	overflow-y:auto;
	height:auto
}
.project-edit-dialog .block-input-wrap .user-item {
	margin-right:4px
}
.page-help-index {
	position:relative;
	height:2448px
}
.page-help-index .help-title {
	font-size:24px;
	line-height:30px;
	color:#fff;
	text-align:center;
	margin-top:60px;
	margin-bottom:30px
}
.page-help-index .help-about {
	font-size:14px;
	line-height:30px;
	color:rgba(255,255,255,.4);
	text-align:center;
	margin-top:20px;
	display:block
}
.page-help-index .help-cards-wrap .help-cards {
	display:flex;
	width:1073px;
	margin:20px auto 67px
}
.page-help-index .help-cards-wrap .help-cards li.help-card {
	width:236px;
	height:192px;
	background:#0c1433;
	margin:16px;
	cursor:pointer;
	transition:background .4s ease-in-out;
	border-radius:4px
}
.page-help-index .help-cards-wrap .help-cards li.help-card a {
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	flex-direction:column;
	justify-content:center
}
.page-help-index .help-cards-wrap .help-cards li.help-card .iconfont {
	font-size:60px;
	color:rgba(255,255,255,.6);
	display:block;
	text-align:center;
	line-height:1;
	margin-bottom:10px
}
.page-help-index .help-cards-wrap .help-cards li.help-card .info {
	font-size:14px;
	display:block;
	text-align:center;
	color:rgba(255,255,255,.6)
}
.page-help-index .help-cards-wrap .help-cards li:hover .iconfont,.page-help-index .help-cards-wrap .help-cards li:hover .info {
	color:#fff!important
}
.page-help-index .help-cards-wrap .help-cards li:nth-child(1):hover {
	background:linear-gradient(-125deg,#57bdbf,#2f9de2)
}
.page-help-index .help-cards-wrap .help-cards li:nth-child(2):hover {
	background:linear-gradient(-128deg,#e14062,#a13582)
}
.page-help-index .help-cards-wrap .help-cards li:nth-child(3):hover {
	background:linear-gradient(-113deg,#81328d,#592984)
}
.page-help-index .help-cards-wrap .help-cards li:nth-child(4):hover {
	background:linear-gradient(-141deg,#ffc000,#ea942e)
}
.page-help-index .help-cards-wrap .help-cards li:nth-child(5):hover {
	background-image:linear-gradient(90deg,#20cb86,#44e7bc)
}
.page-help-index .help-desc-wrap {
	background:#fff;
	overflow:hidden
}
.page-help-index .help-desc-wrap .help-desc-title {
	font-size:24px;
	line-height:30px;
	color:#333;
	text-align:center;
	margin-top:64px
}
.page-help-index .help-desc-wrap .help-desc-info {
	font-size:12px;
	line-height:30px;
	color:#999;
	text-align:center;
	width:575px;
	margin:20px auto 0
}
.page-help-index .help-desc-wrap .help-desc-computer {
	text-align:center;
	margin-top:44px
}
.page-help-index .help-desc-wrap .help-desc-computer img {
	width:610px
}
.page-help-index .help-desc-wrap .help-desc-functions {
	margin:65px auto 59px;
	display:block;
	width:1045px
}
.page-help-index .help-desc-wrap .help-desc-functions .function-item {
	float:left;
	margin:10px;
	width:240px
}
.page-help-index .help-desc-wrap .help-desc-functions .function-item .function-icon {
	text-align:center
}
.page-help-index .help-desc-wrap .help-desc-functions .function-item .function-icon svg {
	width:50px;
	height:50px
}
.page-help-index .help-desc-wrap .help-desc-functions .function-item .function-title {
	font-size:16px;
	line-height:30px;
	color:#333;
	opacity:.8;
	text-align:center;
	margin-top:15px
}
.page-help-index .help-desc-wrap .help-desc-functions .function-item .function-info {
	color:#999;
	font-size:12px;
	line-height:26px;
	text-align:center;
	margin-top:10px
}
.page-help-index .help-people {
	background:0 0;
	text-align:center;
	position:relative
}
.page-help-index .help-people .btn-jion {
	position:absolute;
	top:720px;
	left:50%;
	transform:translateX(-50%);
	user-select:none;
	width:270px;
	height:40px;
	line-height:40px;
	text-align:center;
	color:#fff;
	font-size:16px;
	background:center center #4A54FF;
	background-image:linear-gradient(315deg,#6772FF 0,#00F9E5 100%);
	background-size:104% 104%;
	border-radius:4px
}
.page-help-index .help-people .help-people-title {
	font-size:24px;
	line-height:30px;
	color:#fff;
	margin-top:80px;
	text-align:center
}
.page-help-index .help-people .help-people-info {
	font-size:12px;
	line-height:30px;
	color:#fff;
	text-align:center;
	width:700px;
	margin:30px auto 0
}
.page-help-index .help-people .help-peoples-wrap {
	margin:20px auto;
	width:1000px
}
.page-help-index .help-people .help-peoples-wrap .help-peoples {
	width:100%;
	margin-top:70px
}
.page-help-index .help-people .help-peoples-wrap .help-peoples li {
	float:left;
	width:20%;
	height:250px
}
.page-help-index .help-people .help-peoples-wrap .help-peoples li .prople-avatar {
	width:150px;
	height:150px;
	display:block;
	text-align:center;
	margin:0 auto;
	border-radius:50%;
	overflow:hidden
}
.page-help-index .help-people .help-peoples-wrap .help-peoples li .prople-avatar img {
	width:150px;
	height:150px
}
.page-help-index .help-people .help-peoples-wrap .help-peoples li .prople-info {
	position:relative;
	top:10px;
	text-align:center
}
.page-help-index .help-people .help-peoples-wrap .help-peoples li .prople-info .name {
	font-size:16px;
	color:#fff
}
.page-help-index .help-people .help-peoples-wrap .help-peoples li .prople-info .line {
	height:2px;
	width:80px;
	display:block;
	margin:5px auto
}
.page-help-index .help-people .help-peoples-wrap .help-peoples li .prople-info .job {
	color:rgba(255,255,255,.5);
	font-size:14px
}
.page-help-index .help-uses-wrap {
	overflow:hidden;
	text-align:center
}
.page-help-index .help-uses-wrap .help-uses-title {
	font-size:24px;
	line-height:30px;
	text-align:center;
	color:rgba(255,255,255,.5);
	margin-top:55px
}
.page-help-index .help-uses-wrap .help-uses {
	text-align:center;
	margin:20px auto;
	width:690px
}
.page-help-index .help-uses-wrap .help-uses .help-user-item {
	width:118px;
	height:80px;
	line-height:80px;
	margin:10px;
	float:left
}
.page-help-index .help-uses-wrap .help-uses .help-user-item .iconfont {
	color:rgba(255,255,255,.5);
	font-size:88px;
	text-align:center
}
.help-selected-type {
	font-size:16px;
	color:#fff
}
.help-selected-type .iconfont {
	color:#fff;
	font-size:60px;
	padding-left:180px;
	margin-right:20px;
	vertical-align:middle
}
.help-categorys-wrap .block-radius-btn-group {
	position:absolute;
	right:0;
	bottom:-23px;
	z-index:1
}
.page-help-container {
	position:relative;
	width:100%;
	background-color:#fafafb;
	min-height:700px;
	overflow:hidden
}
.page-help-container .wrap {
	position:relative
}
.page-help-container .help-navs-container {
	width:200px;
	min-height:200px;
	position:absolute;
	left:0;
	top:0;
	padding-top:60px;
	padding-left:10px
}
.page-help-container .help-navs-container .help-nav {
	font-size:14px;
	line-height:30px;
	color:#999;
	margin-bottom:20px;
	cursor:pointer;
	display:block;
	white-space:nowrap
}
.page-help-container .help-navs-container .help-nav:hover {
	color:#333
}
.page-help-container .help-navs-container .help-nav .iconfont {
	font-size:20px;
	margin-right:10px;
	vertical-align:middle;
	display:inline-block;
	width:25px
}
.page-help-container .help-navs-container .help-nav.current {
	color:#333
}
.page-help-container .help-contents {
	margin-left:220px;
	overflow:hidden
}
.page-help-container .help-contents .svg-container {
	text-align:center
}
.page-help-container .help-contents .contents-title {
	font-size:14px;
	color:#333;
	margin-bottom:20px;
	text-align:left
}
.page-help-container .help-contents .contents-title a {
	color:red;
	margin:0 5px
}
.page-help-container .help-contents .contents-detail {
	text-align:left;
	margin-bottom:50px
}
.page-help-container .help-contents .contents-detail svg {
	vertical-align:middle;
	display:inline-block;
	max-width:100%
}
.page-help-container .help-contents .contents-detail .detail-right {
	display:inline-block;
	width:500px;
	color:#999;
	font-size:12px;
	line-height:30px;
	vertical-align:middle;
	margin-left:40px
}
.page-help-container .help-contents-code {
	border-radius:5px;
	padding:60px 35px 35px;
	margin-bottom:50px
}
.page-help-container .help-contents-about {
	padding-top:64px;
	padding-bottom:200px
}
.page-help-container .help-contents-about .contents-title {
	font-size:14px
}
.page-help-container .help-contents-about .contents-detail img {
	width:770px;
	border-radius:4px
}
.help-article-content,.help-article-markdown {
	width:1000px;
	background:#fff;
	border-radius:5px;
	padding:35px;
	margin:60px auto 50px
}
.help-article-content h1,.help-article-markdown h1 {
	text-align:center
}
.help-article-content a,.help-article-markdown a {
	color:red
}
.page-help-custom .help-article-main {
	position:relative;
	overflow:hidden
}
.page-help-custom .help-article-main:before {
	content:"";
	position:absolute;
	width:100%;
	height:438px;
	top:0;
	left:0;
	background:url(//gw.alicdn.com/tfs/TB1Wx.TdipE_u4jSZKbXXbCUVXa-2880-876.png) 50% 0 no-repeat;
	background-size:1440px auto
}
.page-help-custom .help-article-main p {
	width:auto!important;
	margin:0
}
.page-help-custom .help-article-content {
	width:1100px;
	padding:0;
	box-shadow:0 0 28px 0 rgba(15,216,141,.32);
	position:relative;
	z-index:1;
	margin-top:280px;
	overflow:hidden
}
.help-articles {
	margin:60px auto 50px;
	width:1100px
}
.help-articles .articles .article {
	display:block;
	background:#fff;
	border-radius:5px;
	margin-bottom:30px;
	height:184px;
	transition:all .4s
}
.help-articles .articles .article:hover {
	box-shadow:1px 1px 10px 2px #ccc;
	-webkit-box-shadow:1px 1px 10px 2px #ccc;
	-moz-box-shadow:1px 1px 10px 2px #ccc;
	-webkit-transition:all .4s
}
.help-articles .articles .article a {
	display:block;
	padding:30px;
	cursor:pointer
}
.help-articles .articles .article a .article-title {
	font-size:16px;
	color:#333;
	font-weight:700
}
.help-articles .articles .article a .article-desc {
	font-size:12px;
	color:#999;
	margin-top:20px;
	height:65px;
	overflow:hidden;
	line-height:20px
}
.help-articles .articles .article a .article-bottom {
	margin-top:10px
}
.help-articles .articles .article a .article-bottom .bottom-text {
	margin-right:20px
}
.bottom-choose-wrap {
	text-align:center;
	margin-top:50px;
	font-size:12px
}
.bottom-choose-wrap .bottom-choose-text .icon-jingxuan {
	font-size:24px;
	color:#1d4fd4;
	margin-right:10px
}
.bottom-choose-wrap .bottom-choose-btn {
	display:block;
	width:144px;
	height:36px;
	line-height:36px;
	text-align:center;
	position:relative;
	margin:20px auto;
	background:red;
	border-radius:23px;
	font-size:12px;
	color:#fff;
	cursor:pointer
}
.bottom-choose-wrap .bottom-choose-btn .icon-qiehuan {
	position:absolute;
	width:30px;
	height:30px;
	line-height:30px;
	color:#fff;
	border-radius:20px;
	background:rgba(0,0,0,.1);
	right:5px;
	top:3px;
	font-size:14px
}
.bottom-choose-wrap .btn-rotate .icon-qiehuan {
	animation:rotatebtn 1s linear infinite
}
@keyframes rotatebtn {
	from {
	transform:rotate(0)
}
to {
	transform:rotate(360deg)
}
}.page-activity-lists {
	background-color:#fafafb
}
.page-activity-lists .activity-container {
	width:1100px;
	margin-left:auto;
	margin-right:auto
}
.page-activity-lists .activity-banner {
	margin-top:30px
}
.page-activity-lists .activity-lists {
	margin-top:35px
}
.page-activity-lists .activity-lists ul {
	margin-right:-40px
}
.page-activity-lists .activity-lists li {
	width:530px;
	margin-right:40px;
	margin-bottom:40px;
	border-radius:3px;
	overflow:hidden;
	transition:box-shadow .2s
}
.page-activity-lists .activity-lists li:hover {
	box-shadow:1px 4px 10px 2px #ccc
}
.page-activity-lists .activity-lists li .hd {
	overflow:hidden
}
.page-activity-lists .activity-lists li h2 {
	font-size:14px;
	color:#333
}
.page-activity-lists .activity-lists li .date {
	font-size:12px;
	color:#999;
	margin-top:8px
}
.page-activity-lists .activity-lists li .bd {
	display:flex;
	align-items:center;
	justify-content:space-between;
	background-color:#fff;
	padding:20px 28px
}
.page-activity-lists .activity-lists li .tips {
	width:60px;
	height:22px;
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:center;
	background-color:#ccc;
	color:#fff;
	border-radius:99px
}
.page-activity-lists .activity-lists li .tips.active {
	background-color:#8fc31e
}
.block-comment {
	margin-top:100px;
	background:#fafafb;
	padding:40px;
	border-radius:6px
}
.block-comment .textarea-wrap {
	position:relative
}
.block-comment .textarea-wrap textarea {
	box-sizing:border-box;
	width:100%;
	padding:1em 20px;
	line-height:1.5;
	border:none;
	outline:0;
	resize:none
}
.block-comment .textarea-wrap textarea::-webkit-input-placeholder {
	color:#999
}
.block-comment .textarea-wrap textarea::-moz-placeholder {
	color:#999
}
.block-comment .textarea-wrap textarea:-ms-input-placeholder {
	color:#999
}
.block-comment .textarea-wrap textarea:-moz-placeholder {
	color:#999
}
.block-comment .textarea-wrap .input-count {
	position:absolute;
	bottom:10px;
	right:10px;
	color:#999
}
.block-comment .bottom-operation {
	position:relative;
	margin-top:5px;
	margin-bottom:25px
}
.block-comment .bottom-operation .add-emotion {
	margin-left:10px;
	color:#666
}
.block-comment .bottom-operation .add-emotion .iconfont {
	color:#dbdbdb;
	margin-right:.5em
}
.block-comment .bottom-operation button {
	border-radius:30px;
	background-color:#eaeaea;
	border:none;
	outline:0;
	float:right;
	margin-right:10px;
	width:80px;
	height:30px;
	display:flex;
	align-items:center;
	justify-content:center;
	box-sizing:border-box;
	vertical-align:middle
}
.block-comment .comment-wrap header {
	background-color:transparent;
	border-bottom:1px #ececec solid;
	padding-bottom:8px;
	margin-bottom:10px
}
.block-comment .comment-wrap header .number {
	margin-left:10px;
	font-weight:700
}
.block-comment .comment-wrap main section {
	position:relative;
	padding-top:16px;
	padding-bottom:16px;
	border-bottom:1px #ececec solid
}
.block-comment .comment-wrap main section .avatar {
	position:absolute;
	border-radius:100%;
	overflow:hidden
}
.block-comment .comment-wrap main section .avatar img {
	width:46px;
	height:46px
}
.block-comment .comment-wrap main section article {
	margin-left:56px
}
.block-comment .comment-wrap main section article .comment pre {
	background-color:transparent
}
.block-comment .comment-wrap main section article .comment .user {
	color:#4a90e2
}
.block-comment .comment-wrap main section article .icon {
	width:1em;
	height:1em;
	vertical-align:-.15em;
	fill:currentColor;
	overflow:hidden;
	font-size:28px;
	margin-left:2px;
	margin-right:2px
}
.block-comment .comment-wrap main section article .icon:first-child {
	margin-left:0
}
.block-comment .comment-wrap main section article .icon:last-child {
	margin-right:0
}
.block-comment .comment-wrap main section article .emoji {
	vertical-align:-5px
}
.block-comment .comment-wrap main section article footer {
	color:#999;
	margin-top:7px
}
.block-comment .comment-wrap main section article .operation-area {
	position:absolute;
	right:0;
	margin-top:-20px
}
.block-comment .comment-wrap main section article .operation-area a:hover {
	color:#f37327
}
.block-comment .comment-wrap main section article .operation-area .iconfont {
	margin-right:6px
}
.block-comment .comment-wrap main section article .operation-area .icon-dianzan1.liked {
	color:#f29c9f
}
.block-comment .comment-wrap main section article .operation-area .reply {
	color:#999
}
.block-comment .comment-wrap main section article .operation-area .reply .iconfont {
	color:#ccc
}
.block-comment .comment-wrap main section article .operation-area .reply:hover .iconfont {
	color:red
}
.block-comment .comment-wrap main section article .operation-area .like {
	margin-left:20px;
	color:#999
}
.block-comment .comment-wrap main section article .operation-area .like .iconfont {
	color:#ccc
}
.block-comment .comment-wrap main section article .operation-area .like:hover .iconfont {
	color:red
}
.block-comment .comment-wrap main section article .operation-area .op-delete {
	margin-left:20px;
	color:#999
}
.block-comment .comment-wrap main section article .reply-area {
	margin-top:10px;
	padding:16px;
	background:#efefef;
	border-radius:4px
}
.block-comment .comment-wrap main section article .reply-area .reply {
	padding-top:8px;
	padding-bottom:8px
}
.block-comment .comment-wrap main section article .reply-area .reply pre {
	background-color:transparent
}
.block-comment .comment-wrap main section article .reply-area .reply:last-child {
	margin-bottom:0
}
.block-comment .comment-wrap main section article .reply-area .reply .reply-user {
	color:#4a90e2
}
.block-comment .comment-wrap main section article .reply-area .reply .reply-delete {
	margin-left:10px;
	color:#4a90e2
}
.block-comment .comment-wrap main section article .reply-area .reply .reply-delete:hover {
	color:red
}
.block-comment .comment-wrap main section article .reply-area .reply .reply-time {
	margin-left:7px;
	color:#ccc
}
.block-comment .comment-wrap main section article .reply-area .reply .hover {
	display:none
}
.block-comment .comment-wrap main section article .reply-area .reply .hover .reply-reply {
	color:#4a90e2;
	margin-left:10px
}
.block-comment .comment-wrap main section article .reply-area .reply .hover .reply-reply:hover {
	color:red
}
.block-comment .comment-wrap main section article .reply-area .reply:hover .hover {
	display:inline-block
}
.block-comment .comment-wrap main .view-more {
	display:block;
	margin-top:30px;
	color:red;
	text-align:center
}
.block-comment .comment-wrap main .reply-editor {
	margin-top:10px
}
.face-popover {
	position:absolute;
	bottom:30px;
	left:-110px;
	z-index:1050;
	cursor:auto;
	-webkit-user-select:text;
	-moz-user-select:text;
	-ms-user-select:text;
	user-select:text;
	white-space:normal;
	font-size:12px;
	line-height:1.4;
	font-weight:400;
	text-align:left
}
.face-popover-arrow {
	position:absolute;
	left:50%;
	bottom:-7px;
	width:0;
	height:0;
	margin-left:-8px;
	border-color:#bac3cc transparent transparent;
	border-width:8px 8px 0;
	border-style:solid
}
.face-popover-arrow:after {
	position:absolute;
	width:0;
	height:0;
	display:block;
	content:" ";
	border-color:#fff transparent transparent;
	bottom:1px;
	margin-left:-7px;
	border-width:7px 7px 0;
	border-style:solid
}
.face-popover-inner {
	background-color:#fff;
	border:1px solid #bac3cc;
	border-radius:3px;
	box-shadow:0 1px 4px 0 rgba(31,56,88,.15);
	padding:0;
	min-width:308px;
	max-width:308px
}
.face-popover-inner .line-horizontal {
	margin:1px 10px 4px;
	border-top:1px #ececec solid
}
.face-popover-inner .refer {
	color:#999;
	margin:0 10px 6px;
	transform:scale(.8);
	transform-origin:left
}
.face-popover-inner .refer a {
	color:#999
}
.comment-faces {
	text-align:left;
	padding:5px 8px;
	display:flex;
	flex-wrap:wrap
}
.comment-faces .icon {
	width:1em;
	height:1em;
	vertical-align:-.15em;
	fill:currentColor;
	overflow:hidden;
	font-size:21px!important
}
.comment-faces li a {
	display:block;
	padding:4px
}
.comment-faces li a:hover {
	background-color:#f1f1f1
}
.project-icon-recycle .recycle-label {
	vertical-align:middle;
	font-size:12px;
	color:#999;
	padding-right:35px
}
.project-icon-recycle .manage-deleted-icon {
	min-height:446px;
	margin-bottom:100px
}
.project-icon-recycle .manage-deleted-icon .icon-manage-main {
	margin-top:30px
}
.project-icon-recycle .manage-deleted-icon .icon-lists .item .iconfont .icon {
	width:32px!important;
	height:32px!important
}
.project-icon-recycle .manage-deleted-icon .icon-lists .item .cell-name {
	display:flex;
	align-items:center;
	overflow:hidden
}
.project-icon-recycle .manage-deleted-icon .icon-lists .item .cell-name .name {
	max-width:100%;
	line-height:normal
}
.project-icon-recycle .manage-deleted-icon .icon-lists .item .cell-deleted-at {
	color:#999
}
.project-icon-recycle .manage-deleted-icon .icon-lists .item .op-btn {
	user-select:none;
	color:#0091ff;
	cursor:pointer
}
.mod-project-logs {
	margin-top:30px;
	flex:none
}
.mod-project-logs .link {
	color:#00f
}
.mod-project-logs .list-item {
	transition:background-color .2s
}
.mod-project-logs .list-item:hover {
	background-color:#F7F9FF;
}
.mod-project-logs .list-item .body {
	margin-right:12px;
	flex:1;
	align-items:baseline;
	display:grid;
	grid-template-columns:auto 1fr;
	grid-template-rows:auto auto;
}
.mod-project-logs .list-item .log-content {
	line-height:1.6
}
.mod-project-logs .avatar-min {
	vertical-align:6px
}
.mod-project-logs .time {
	margin-right:.25em;
	white-space:nowrap
}
.mod-project-logs .item-value {
	font-weight:700;
	margin-left:.25em;
	margin-right:.25em
}
.mod-project-logs .nick-name {
	color:#333
}
.mod-project-logs .info {
	color:#888
}
.mod-project-logs .mod-avatar-box {
	margin-right:.5em
}
.mod-project-logs .item-icon {
	margin-left:.25em
}
.mod-project-logs .item-icon .item-icon-name {
	font-weight:700;
	margin-right:.125em
}
.mod-project-logs .item-icon:not(:last-child)::after {
	content:'\00ff0c'
}
.mod-project-logs details {
	grid-column:2
}
.mod-project-logs details summary {
	cursor:pointer
}
.mod-project-logs .config-diff {
	line-height:1.5;
	background:#fff;
	padding:.5em;
	margin-top:.5em;
	border-radius:3px;
	width:100%;
	table-layout:fixed
}
.mod-project-logs .config-diff tbody td {
	word-break:break-word
}
#preview3d_container {
	position:relative
}
#preview3d_container .preview3d-controls {
	position:absolute;
	right:10px;
	top:10px;
	background:#fff;
	box-shadow:0 0 6px 0 rgba(0,0,0,.25);
	border-radius:4px;
	padding:2px 6px;
}
#preview3d_container .preview3d-controls div {
	margin:4px 0;
	align-items:center;
	display:flex;
}
#preview3d_container .preview3d-controls div input {
	margin-right:3px;
}